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

Merge branch 'main' into feat/custom-achievement-sound

Browse Source
This commit is contained in:
Moyase
2025-11-09 04:14:31 +02:00
committed by GitHub
parent 482d9b2f96 fa4c11e458
commit e128dad4dd
2 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/services/steam-250.ts
View File

@@ -16,7 +16,7 @@ export const requestSteam250 = async (path: string) => {
if (!steamGameUrl) return null; if (!steamGameUrl) return null;
return { return {
title: $title.textContent, title: $title.getAttribute("data-title") || "",
objectId: steamGameUrl.split("/").pop(), objectId: steamGameUrl.split("/").pop(),
} as Steam250Game; } as Steam250Game;
}) })

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

@@ -231,44 +231,50 @@ $hero-height: 350px;
} }
&__randomizer-button { &__randomizer-button {
padding: calc(globals.$spacing-unit * 1.5); position: fixed;
background-color: rgba(0, 0, 0, 0.6); bottom: 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(255, 255, 255, 0.08);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
border-radius: 8px; border-radius: 8px;
transition: all ease 0.2s; transition: all ease 0.2s;
cursor: pointer; cursor: pointer;
min-height: 40px; min-height: 40px;
min-width: 40px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: globals.$spacing-unit;
color: globals.$muted-color; color: globals.$muted-color;
border: solid 1px globals.$border-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); animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
overflow: visible;
&:active { &:disabled {
opacity: 0.9; opacity: globals.$disabled-opacity;
cursor: not-allowed;
} }
&:hover { &:hover {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.12);
color: globals.$body-color; color: globals.$body-color;
} }
} }
&__stars-icon-container { &__stars-icon-container {
width: 20px; width: 16px;
height: 16px; height: 16px;
display: flex;
align-items: center;
justify-content: center;
position: relative; position: relative;
} }
&__stars-icon { &__stars-icon {
width: 26px; width: 70px;
position: absolute; position: absolute;
top: -3px; top: -28px;
left: -27px;
} }
} }