akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-25 08:06:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use fancy menu for presets
Some checks failed
Deploy to GitHub Pages / build (push) Has been cancelled
Details
Deploy to GitHub Pages / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Misode
2025-01-28 01:14:35 +01:00
parent 111855f3ea
commit 59642b2ff5
7 changed files with 38 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/styles/global.css
View File

@@ -226,6 +226,7 @@ nav li .btn svg {
}
.fancy-menu {
max-width: calc(100vw - 32px);
background-color: var(--background-2);
color: var(--text-2);
}
@@ -234,11 +235,11 @@ nav li .btn svg {
background-color: var(--background-1);
}
.gen-result {
.fancy-menu-results > * {
outline-offset: -2px;
}
.gen-result svg {
.fancy-menu-results > * svg {
width: 16px;
height: 16px;
fill: var(--nav);
@@ -247,13 +248,13 @@ nav li .btn svg {
transition: margin 0.2s;
}
.gen-result:focus-visible,
.gen-result:hover {
.fancy-menu-results > *:focus-visible,
.fancy-menu-results > *:hover {
background-color: var(--background-3);
}
.gen-result:focus-visible svg,
.gen-result:hover svg {
.fancy-menu-results > *:focus-visible svg,
.fancy-menu-results > *:hover svg {
margin-left: 14px;
margin-right: 0px;
}