Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

header: finish responsive

Browse source
This commit is contained in:
Agahnim 2026-03-20 16:41:49 +01:00
parent c4967952b1
commit 633b06f3f8
1 changed files with 22 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

24
static/style.css
View file

@ -249,6 +249,10 @@ navbar {
gap: 4px; gap: 4px;
cursor: pointer; cursor: pointer;
width: 30px; width: 30px;
padding: 4px 8px;
border: 2px solid black;
background: var(--win-bg-grey);
border-color: #ffffff #808080 #808080 #ffffff;
span { span {
display: block; display: block;
@ -256,6 +260,10 @@ navbar {
background: #000; background: #000;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
&:active {
border-color: #808080 #ffffff #ffffff #808080;
}
} }
&:has(#nav-toggle-checkbox:checked) { &:has(#nav-toggle-checkbox:checked) {
@ -558,6 +566,18 @@ mini-player {
navbar-toggle { navbar-toggle {
display: block; display: block;
background-color: transparent;
.hamburger {
padding: 4px 8px;
border: 2px solid black;
background: var(--win-bg-grey);
border-color: #ffffff #808080 #808080 #ffffff;
&:active {
border-color: #808080 #ffffff #ffffff #808080;
}
}
} }
#nav-toggle-checkbox { #nav-toggle-checkbox {
@ -573,8 +593,7 @@ mini-player {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0; left: 0;
background-color: var(--win-bg-grey); border-top: 1px solid #000;
border-top: 2px solid #000;
z-index: 101; z-index: 101;
a { a {
@ -602,6 +621,7 @@ mini-player {
} }
mini-player { mini-player {
display: none;
width: 95svw; width: 95svw;
max-width: 280px; max-width: 280px;