Updated menu UI

This commit is contained in:
Magnus Åhall 2024-05-22 07:49:50 +02:00
parent 211e4978f3
commit 37c72f3ab1
3 changed files with 77 additions and 67 deletions

View file

@ -9,43 +9,39 @@
#menu {
display: grid;
grid-template-columns: min-content;
grid-template-rows:
38px
48px
38px
48px
38px
48px
38px
48px
38px
48px
;
justify-items: center;
grid-template-columns: 1fr;
grid-template-rows: repeat(32, min-content);
align-items: start;
grid-area: menu;
background: @bg2;
padding: 16px;
img {
display: block;
width: 32px;
}
.label {
font-size: 0.9em;
font-weight: bold;
a { color: #777; }
.entry {
&.selected {
a { color: @text2; }
background: @bg3;
a { color: @text2 !important; }
}
&>a {
display: grid;
justify-items: center;
grid-template-rows:
38px
16px
;
padding: 16px;
color: #777;
text-decoration: none;
img {
display: block;
width: 32px;
}
.label {
font-size: 0.9em;
font-weight: bold;
}
}
}
}