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 90cf6237f6
commit a2195af201
Signed by: Agahnim
SSH key fingerprint: SHA256:Zj65PJnE0dRYye8Ltk/qDglynyXUxJngQ9qqx/VI+b4
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;
cursor: pointer;
width: 30px;
padding: 4px 8px;
border: 2px solid black;
background: var(--win-bg-grey);
border-color: #ffffff #808080 #808080 #ffffff;
span {
display: block;
@ -256,6 +260,10 @@ navbar {
background: #000;
transition: all 0.3s ease;
}
&:active {
border-color: #808080 #ffffff #ffffff #808080;
}
}
&:has(#nav-toggle-checkbox:checked) {
@ -558,6 +566,18 @@ mini-player {
navbar-toggle {
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 {
@ -573,8 +593,7 @@ mini-player {
position: absolute;
top: 100%;
left: 0;
background-color: var(--win-bg-grey);
border-top: 2px solid #000;
border-top: 1px solid #000;
z-index: 101;
a {
@ -602,6 +621,7 @@ mini-player {
}
mini-player {
display: none;
width: 95svw;
max-width: 280px;