| |
@@ -1098,4 +1098,21 @@ body { |
| 1098 |
1098 |
@media (max-width: 768px) { |
|
1099 |
+ .navbar { |
|
1100 |
+ position: fixed; |
|
1101 |
+ top: 0; |
|
1102 |
+ left: 0; |
|
1103 |
+ right: 0; |
|
1104 |
+ z-index: 1000; |
|
1105 |
+ backdrop-filter: none; |
|
1106 |
+ -webkit-backdrop-filter: none; |
|
1107 |
+ background: var(--bg-primary); |
|
1108 |
+ } |
|
1109 |
+ |
|
1110 |
+ body { |
|
1111 |
+ padding-top: 3.5rem; |
|
1112 |
+ } |
|
1113 |
+ |
| 1099 |
1114 |
.hamburger { |
| 1100 |
1115 |
display: flex; |
|
1116 |
+ position: relative; |
|
1117 |
+ z-index: 1020; |
| 1101 |
1118 |
} |
| |
@@ -1107,12 +1124,10 @@ body { |
| 1107 |
1124 |
left: 0; |
| 1108 |
|
- right: 0; |
| 1109 |
|
- bottom: 0; |
|
1125 |
+ width: 100%; |
|
1126 |
+ height: 100%; |
| 1110 |
1127 |
background: var(--bg-primary); |
| 1111 |
|
- opacity: 1; |
| 1112 |
1128 |
flex-direction: column; |
| 1113 |
1129 |
align-items: center; |
| 1114 |
|
- justify-content: flex-start; |
| 1115 |
|
- gap: 1.5rem; |
|
1130 |
+ gap: 1.2rem; |
| 1116 |
1131 |
padding: 5rem 2rem 2rem; |
| 1117 |
|
- z-index: 105; |
|
1132 |
+ z-index: 1010; |
| 1118 |
1133 |
overflow-y: auto; |
| |
@@ -1126,5 +1141,12 @@ body { |
| 1126 |
1141 |
.nav-links > a, |
| 1127 |
|
- .nav-dropdown-toggle { |
| 1128 |
|
- font-size: 1.2rem; |
|
1142 |
+ .nav-links > .nav-dropdown > .nav-dropdown-toggle { |
|
1143 |
+ font-size: 1.15rem; |
| 1129 |
1144 |
color: var(--text-primary); |
|
1145 |
+ display: block; |
|
1146 |
+ text-align: center; |
|
1147 |
+ padding: 0.3rem 0; |
|
1148 |
+ } |
|
1149 |
+ |
|
1150 |
+ .nav-dropdown { |
|
1151 |
+ text-align: center; |
| 1130 |
1152 |
} |
| |
@@ -1152,3 +1174,3 @@ body { |
| 1152 |
1174 |
padding: 0.4rem 0; |
| 1153 |
|
- font-size: 1rem; |
|
1175 |
+ font-size: 0.95rem; |
| 1154 |
1176 |
color: var(--text-secondary); |
| |
@@ -1163,3 +1185,3 @@ body { |
| 1163 |
1185 |
position: fixed; |
| 1164 |
|
- top: 4.5rem; |
|
1186 |
+ top: 5rem; |
| 1165 |
1187 |
left: 1rem; |
| |
@@ -1167,3 +1189,3 @@ body { |
| 1167 |
1189 |
width: auto; |
| 1168 |
|
- z-index: 110; |
|
1190 |
+ z-index: 1015; |
| 1169 |
1191 |
} |
| |
@@ -1174,5 +1196,13 @@ body { |
| 1174 |
1196 |
|
| 1175 |
|
- .nav-rss, |
|
1197 |
+ .nav-rss { |
|
1198 |
+ color: var(--text-primary); |
|
1199 |
+ } |
|
1200 |
+ |
|
1201 |
+ .nav-rss svg { |
|
1202 |
+ fill: var(--text-primary); |
|
1203 |
+ } |
|
1204 |
+ |
| 1176 |
1205 |
#theme-toggle { |
| 1177 |
1206 |
color: var(--text-primary); |
|
1207 |
+ border-color: var(--text-muted); |
| 1178 |
1208 |
} |