oreolek/phanpy
1
0
Fork 0
Code Activity

Make nav menu look a bit nicer

Browse source
This commit is contained in:
Lim Chee Aun 2023-05-20 19:35:58 +08:00
parent 4b45375b4c
commit 4b48bab2bb
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/nav-menu.css
View file

@ -3,24 +3,24 @@
display: flex;
width: auto;
padding: 0;
/* 1px background image */
background-image: linear-gradient(
to right,
var(--divider-color),
var(--divider-color)
);
background-size: 1px 1px;
background-repeat: repeat-y;
background-position: center;
}
.nav-menu section {
width: 50%;
padding: 8px 0;
}
.nav-menu section:last-child {
background-color: var(--bg-faded-color);
background-image: linear-gradient(
to right,
var(--divider-color) 1px,
transparent 1px
),
linear-gradient(to bottom, var(--bg-blur-color), transparent);
box-shadow: inset 0 0 1px var(--bg-color);
}
.nav-menu section:last-child > .szh-menu__divider:first-child {
display: none;
}
.nav-menu .szh-menu__item span {
.nav-menu section:last-child .szh-menu__item span {
white-space: normal;
}
}