fix: menu styles
This commit is contained in:
parent
8c0c27b5ee
commit
56154b0c63
5 changed files with 23 additions and 15 deletions
|
@ -10,11 +10,13 @@
|
|||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
& .icon > svg {
|
||||
& .icon > svg,
|
||||
& .active > svg {
|
||||
display: block;
|
||||
}
|
||||
|
||||
& .icon > span {
|
||||
& .icon > span,
|
||||
& .active > span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
@ -78,6 +80,7 @@ theme-toggle {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0;
|
||||
z-index: 1;
|
||||
|
||||
& > li {
|
||||
display: flex;
|
||||
|
@ -89,11 +92,13 @@ theme-toggle {
|
|||
color: var(--text-color);
|
||||
background: var(--background-color);
|
||||
|
||||
& .icon > svg {
|
||||
& .icon > svg,
|
||||
& .active > svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
& .icon > span {
|
||||
& .icon > span,
|
||||
& .active > span {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue