The-Homebrew-Cloud/SummerCart64
2
0
Fork 0
mirror of https://github.com/Polprzewodnikowy/SummerCart64.git synced 2024-11-25 15:16:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

[SC64][WEB] Fix menu CSS

Browse Source
This commit is contained in:
Mateusz Faderewski 2024-01-10 22:35:30 +01:00
parent 7ea74f19a5
commit 2639a93b6f
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/styles.css
View File

@ -5,8 +5,9 @@
--menu-height: 64px; --menu-height: 64px;
--menu-item-height: 48px; --menu-item-height: 48px;
--menu-item-spacing: 20px; --menu-item-spacing: 20px;
--menu-bg-color: rgb(32, 32, 32); --menu-bg-color: rgb(28, 28, 28);
--menu-mobile-bg-color: rgb(20, 20, 20); --menu-mobile-bg-color: rgb(20, 20, 20);
--menu-mobile-active-color: rgb(40, 40, 40);
--menu-shadow: 0px 0px 12px rgb(0, 0, 0); --menu-shadow: 0px 0px 12px rgb(0, 0, 0);
--menu-font-size: 16px; --menu-font-size: 16px;
@ -145,17 +146,28 @@ a:hover {
.menu-bar>menu { .menu-bar>menu {
flex-flow: column; flex-flow: column;
width: 100%; width: 100%;
padding: calc(var(--content-margin) / 2) 0;
background-color: var(--menu-mobile-bg-color); background-color: var(--menu-mobile-bg-color);
} }
.menu-bar>menu>li { .menu-bar>menu>li {
padding: calc(var(--menu-item-spacing) / 2) 0; height: var(--menu-item-height);
padding-left: var(--content-margin); padding: 0 var(--content-margin);
border-bottom: 1px solid var(--menu-mobile-active-color);
}
.menu-bar>menu>li:last-child {
border-bottom-width: 0px;
} }
.menu-bar>menu>li.active { .menu-bar>menu>li.active {
background-color: var(--menu-bg-color); background-color: var(--menu-mobile-active-color);
}
.menu-bar>menu>li>a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
} }
.menu-bar>menu.mobile-hidden { .menu-bar>menu.mobile-hidden {