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

Add new generator switcher menu

Browse Source
This commit is contained in:
Misode
2025-01-24 01:56:16 +01:00
parent 46b066e1b6
commit 00fe95a400
2 changed files with 101 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/styles/global.css
View File

@@ -136,18 +136,20 @@ header {
background-color: var(--background-2);
}
.title {
display: flex;
align-items: center;
}
.title h1 {
font-size: 27px;
color: var(--nav);
}
.home-link {
margin: 0 8px 0 0;
.title h1 svg {
width: 24px;
height: 24px;
fill: var(--nav);
margin-left: 8px;
transition: margin 0.2s;
}
.title h1:hover svg {
margin-left: 14px;
}
.home-link svg {
@@ -223,6 +225,31 @@ nav li .btn svg {
height: 24px;
}
.gen-menu {
background-color: var(--background-2);
color: var(--text-2);
}
.gen-menu input {
background-color: var(--background-1);
}
.gen-results > a svg {
width: 16px;
height: 16px;
fill: var(--nav);
margin-left: 8px;
transition: margin 0.2s;
}
.gen-results > a:hover {
background-color: var(--background-3);
}
.gen-results > a:hover svg {
margin-left: 14px;
}
header .btn-menu > .btn {
background: none !important;
padding: 0;
@@ -3049,10 +3076,6 @@ hr {
grid-template-columns: 1fr;
}
.title h1 {
font-size: 18px;
}
body nav li {
margin: 0 8px;
}