Kirisame/dzura
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases Wiki Activity

Add background color to main nav buttons.

Browse Source
This commit is contained in:
yukirij 2024-09-06 22:36:30 -07:00
parent 4cf5cad8eb
commit f6deddb6c2
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
www/css/main.css
View File

@ -108,6 +108,7 @@ main>nav{
width:100%; width:100%;
height:3rem; height:3rem;
flex-shrink: 0; flex-shrink: 0;
padding:0 0 0 0.25rem;
background-color:#282828; background-color:#282828;
border-bottom:1px solid #404040; border-bottom:1px solid #404040;
@ -136,21 +137,30 @@ main>nav>section>button{
display:block; display:block;
position:relative; position:relative;
width:auto; width:auto;
height:100%; height:calc(100% - 6px);
padding:0 1rem 0 1rem; padding:0 1rem 0 1rem;
margin:3px 0.25rem 0 0;
text-align:left; text-align:left;
font-size:1.25rem; font-size:1.25rem;
cursor:pointer; cursor:pointer;
background-color:#282828; background-color:inherit;
color:#c0c0c0; color:#c0c0c0;
border:0; border:0;
border-radius:0.5rem;
outline:0; outline:0;
} }
main>nav>section>button:hover{ main>nav>section>button:hover{
background-color:#383838; background-color:#383838;
color:#e0e0e0; color:#e0e0e0;
} }
main>nav>section:first-child>button {
background-color:#353535;
}
main>nav>section:first-child>button:hover {
background-color:#404040;
color:#e0e0e0;
}
main>nav>section>div{ main>nav>section>div{
display:block; display:block;