Korbs/butterflyvu
Korbs/butterflyvu
1
Fork 0
Code Issues Pull requests Activity

Change style of Aside component

Browse source
This commit is contained in:
Korbs 2024-12-12 18:46:07 -05:00
parent 3c9c62bca9
commit 060330a8a4
2 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,7 +1,7 @@
{
"name": "butterflyvu",
"type": "module",
"version": "0.1.61",
"version": "0.1.62",
"license": "GPL-3.0-only",
"author": {
"name": "SudoVanilla"

23
src/styles/index.scss
View file

@ -245,36 +245,41 @@ header {
}
.aside {
border-left: 6px transparent solid;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 12px;
&#aside-Note {
color: var(--aside-note);
border-color: var(--aside-note);
h2 {background: var(--aside-note);}
svg {stroke: var(--aside-note);}
}
&#aside-Warning {
color: var(--aside-warning);
border-color: var(--aside-warning);
h2 {background: var(--aside-warning);}
svg {stroke: var(--aside-warning);}
}
&#aside-Dangerous {
color: var(--aside-dangerous);
border-color: var(--aside-dangerous);
h2 {background: var(--aside-dangerous);}
svg {stroke: var(--aside-dangerous);}
}
&#aside-Successful {
color: var(--aside-successful);
border-color: var(--aside-successful);
h2 {background: var(--aside-successful); svg {stroke: rgb(0, 0, 0) !important;}}
svg {stroke: var(--aside-successful);}
}
h2 {
display: flex;
align-items: center;
gap: 12px;
font-size: 24px;
padding-bottom: 6px;
gap: 6px;
width: fit-content;
border-radius: 3rem;
font-size: 12px;
padding: 4px 12px 4px 8px;
margin-bottom: 6px;
color: black;
svg {
width: 16px;
}
}
* {
margin: 0px;