diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2026-09-08 09:07:51 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2026-09-08 09:07:51 -0400 |
| commit | c6c24524b46e237bee796cb57b9a27c437c458ae (patch) | |
| tree | 92cbd1366966b2bcb9c61f201407f490adc3e438 | |
| parent | 85bb5c9da5bb5ea64ddca1aeca1dc6ba656bb86c (diff) | |
| download | decky-lsfg-vk-c6c24524b46e237bee796cb57b9a27c437c458ae.tar.gz decky-lsfg-vk-c6c24524b46e237bee796cb57b9a27c437c458ae.zip | |
fix: make game group collapse controls compact
| -rw-r--r-- | src/components/GameConfigurationSelector.tsx | 32 |
1 files changed, 26 insertions, 6 deletions
diff --git a/src/components/GameConfigurationSelector.tsx b/src/components/GameConfigurationSelector.tsx index a046594..15f2465 100644 --- a/src/components/GameConfigurationSelector.tsx +++ b/src/components/GameConfigurationSelector.tsx @@ -52,13 +52,25 @@ function GameGroup({ return ( <> <PanelSectionRow> - <ButtonItem - layout="below" - bottomSeparator={collapsed ? "standard" : "none"} - onClick={onToggle} + <Field label={`${title} (${games.length})`} bottomSeparator="none" /> + </PanelSectionRow> + <PanelSectionRow> + <div + className="LSFG_GameGroupCollapseButton_Container" + style={{ marginTop: "-2px", marginBottom: "4px" }} > - {collapsed ? <RiArrowDownSFill /> : <RiArrowUpSFill />} {title} ({games.length}) - </ButtonItem> + <ButtonItem + layout="below" + bottomSeparator={collapsed ? "standard" : "none"} + onClick={onToggle} + > + {collapsed ? ( + <RiArrowDownSFill style={{ transform: "translate(0, -13px)", fontSize: "1.5em" }} /> + ) : ( + <RiArrowUpSFill style={{ transform: "translate(0, -12px)", fontSize: "1.5em" }} /> + )} + </ButtonItem> + </div> </PanelSectionRow> {!collapsed && games.map((game) => ( <PanelSectionRow key={game.appid}> @@ -116,6 +128,14 @@ export function GameConfigurationSelector({ targets, runningGame, onSelect, onEn return ( <> + <style> + {` + .LSFG_GameGroupCollapseButton_Container > div > div > div > button, + .LSFG_GameGroupCollapseButton_Container > div > div > div > div > button { + height: 10px !important; + } + `} + </style> {targets.length === 0 && ( <PanelSectionRow> <Field label="No installed games" description="Steam has not reported any eligible games" /> |