this repo has no description
fix: Alignment of header buttons across screens
+17
-27
+2
-27
internal/assets/css/screen.css
+2
-27
internal/assets/css/screen.css
···
152
152
color: var(--masthead-text);
153
153
}
154
154
155
-
#theme-toggle {
156
-
background: none;
157
-
border: none;
158
-
cursor: pointer;
159
-
padding: 0;
160
-
margin-top: 10px; /* Adjust alignment */
161
-
color: var(--masthead-text);
162
-
opacity: 0.5;
163
-
transition: opacity 0.2s;
164
-
}
165
155
166
-
#theme-toggle:hover {
167
-
opacity: 1;
168
-
}
169
156
170
157
#sidebar {
171
158
/* Grid placement */
···
571
558
}
572
559
573
560
/* Material Symbols Sizing */
574
-
.material-symbols-rounded {
575
-
font-variation-settings:
576
-
'FILL' 0,
577
-
'wght' 400,
578
-
'GRAD' 0,
579
-
'opsz' 24;
580
-
font-size: 20px; /* Default matches previous SVG size */
581
-
}
561
+
582
562
583
563
/* Mobile Responsiveness */
584
564
@media (max-width: 768px) {
···
596
576
align-items: flex-start;
597
577
}
598
578
599
-
#theme-toggle {
600
-
position: absolute;
601
-
top: 0;
602
-
right: 0;
603
-
margin-top: 0;
604
-
}
579
+
605
580
606
581
#sidebar {
607
582
margin-bottom: 40px;
+15
internal/templates/views/header.html
+15
internal/templates/views/header.html
···
141
141
[data-theme="dark"] .dropdown-content .link a {
142
142
color: var(--link-color, #58a6ff);
143
143
}
144
+
145
+
.material-symbols-rounded {
146
+
font-family: 'Material Symbols Rounded';
147
+
font-weight: normal;
148
+
font-style: normal;
149
+
font-size: 24px; /* Standard size */
150
+
display: inline-block;
151
+
line-height: 1;
152
+
text-transform: none;
153
+
letter-spacing: normal;
154
+
word-wrap: normal;
155
+
white-space: nowrap;
156
+
direction: ltr;
157
+
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
158
+
}
144
159
</style>
145
160
146
161
<div class="nav-header">