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

fix: duplicate next suggestion styling removal

Browse Source
This commit is contained in:
Moyasee
2025-11-07 13:35:50 +02:00
parent 893802be55
commit 6e6e0f7bb7
2 changed files with 16 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/renderer/src/pages/game-details/game-details.scss
View File

@@ -130,22 +130,6 @@
}
}
// Randomizer button styles
&__randomizer-button {
position: fixed;
bottom: calc(globals.$spacing-unit * 5);
right: calc(globals.$spacing-unit * 5);
z-index: 100;
padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
overflow: visible;
}
&__stars-icon-container {
width: 70px;
height: 70px;
position: relative;
}
// Skeleton-specific styles
&__skeleton {
.react-loading-skeleton {

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

@@ -231,26 +231,36 @@ $hero-height: 350px;
}
&__randomizer-button {
padding: calc(globals.$spacing-unit * 1.5);
position: fixed;
bottom: calc(globals.$spacing-unit * 5);
right: calc(globals.$spacing-unit * 5);
z-index: 100;
padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(20px);
border-radius: 8px;
transition: all ease 0.2s;
cursor: pointer;
min-height: 40px;
min-width: 40px;
display: flex;
align-items: center;
justify-content: center;
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);
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);
color: globals.$body-color;
@@ -258,17 +268,15 @@ $hero-height: 350px;
}
&__stars-icon-container {
width: 20px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
&__stars-icon {
width: 26px;
width: 70px;
position: absolute;
top: -3px;
top: -28px;
left: -27px;
}
}