dofdev/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

side bar

Browse source
This commit is contained in:
ethan merchant 2024-11-03 01:44:10 -05:00
parent f27164c111
commit e5f2080e4d
1 changed files with 75 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
web/public/style.css
View file

@ -99,6 +99,81 @@ body {
height: 2px; height: 2px;
width: 100%; width: 100%;
z-index: 5; z-index: 5;
}
#side {
background-color: #80808000;
z-index: 4;
width: auto;
position: fixed;
left: 0;
top: 0;
height: 100vh;
padding: 6px;
padding-top: calc(44px + 6px);
display: flex;
flex-flow: column;
justify-content: space-between;
gap: 6px;
> div > a {
display: flex;
align-items: center;
text-decoration: none;
/* background-color: #11111166; */
border-radius: 6px;
padding: 6px;
user-select: none;
flex-flow: column;
width: 52px;
gap: 0px;
font-family: "legible";
font-size: 11px;
color: var(--col-10);
> img {
margin: 0;
}
}
> a.onpage {
background-color: #11111166;
}
> #support {
display: none;
}
> #foot {
display: none;
}
}
#side a:hover {
background-color: #11111166;
transition: 0.166s;
}
#side.open {
> div > a {
flex-flow: row;
width: auto;
gap: 12px;
font-family: "mono";
font-size: 14px;
color: var(--col-01);
}
> #support {
display: flex;
width: 100%;
justify-content: center;
}
> #foot {
display: block;
}
}
#side_border {
z-index: 4;
width: 2px;
position: fixed;
left: 0;
top: 0;
height: 100vh;
transform: translateX(-2px);
} }
height: 100dvh; height: 100dvh;
margin: 0 auto; margin: 0 auto;