Lightemerald/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2026-01-18 00:33:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: improving styles on randomizer button

Browse Source
This commit is contained in:
Chubby Granny Chaser
2025-11-08 08:17:19 +00:00
parent 6e6e0f7bb7
commit 50b0a82204
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/renderer/src/pages/game-details/hero.scss
View File

@@ -233,10 +233,10 @@ $hero-height: 350px;
&__randomizer-button {
position: fixed;
bottom: calc(globals.$spacing-unit * 5);
right: calc(globals.$spacing-unit * 5);
right: calc(globals.$spacing-unit * 2);
z-index: 100;
padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
background-color: rgba(0, 0, 0, 0.6);
background-color: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(20px);
border-radius: 8px;
transition: all ease 0.2s;
@@ -248,21 +248,19 @@ $hero-height: 350px;
gap: globals.$spacing-unit;
color: globals.$muted-color;
border: solid 1px globals.$border-color;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
box-shadow:
0px 0px 10px 0px rgba(0, 0, 0, 0.8),
0px 2px 8px 0px rgba(255, 255, 255, 0.1);
animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
overflow: visible;
&:active {
opacity: 0.9;
}
&:disabled {
opacity: globals.$disabled-opacity;
cursor: not-allowed;
}
&:hover {
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.12);
color: globals.$body-color;
}
}