adrianbonpin/deckyvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(plugin): inject CSS !important to constrain DialogButtonPrimary width, drop PanelSectionRow wrapper

Browse Source
This commit is contained in:
adrianbonpin
2026-07-13 07:05:27 +08:00
parent 9b38b17eb0
commit 3b27094973
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/decky-vault/src/components/LibraryAppPanel.tsx
+10 -9
View File
@@ -109,8 +109,11 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
} }
return ( return (
<PanelSectionRow> <>
<div className={staticClasses.Text} style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: "8px", padding: "4px 0", fontSize: "13px", overflow: "hidden", maxWidth: "100%", boxSizing: "border-box" }}> <style>{`
.deckyvault-lib-btn { width: auto !important; min-width: 0 !important; display: inline-block !important; }
`}</style>
<div className={staticClasses.Text} style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: "8px", padding: "4px 0", fontSize: "13px", overflow: "hidden" }}>
{/* Stats */} {/* Stats */}
<span style={{ flex: "1 1 0", minWidth: 0, overflow: "hidden" }}> <span style={{ flex: "1 1 0", minWidth: 0, overflow: "hidden" }}>
{data.estFps ? ( {data.estFps ? (
@@ -130,13 +133,11 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
{detectedSlug ? detectedSlug : <span style={{ color: "#e0a030" }}>⚠ global</span>} {detectedSlug ? detectedSlug : <span style={{ color: "#e0a030" }}>⚠ global</span>}
</span> </span>
</span> </span>
{/* View Details — compact, gamepad-navigable, constrained */} {/* View Details — gamepad-navigable, CSS-constrained width */}
<div style={{ flexShrink: 0, width: "110px", overflow: "hidden", boxSizing: "border-box" }}> <DialogButtonPrimary className="deckyvault-lib-btn" onClick={() => openExternalUrl(gameUrl)}>
<DialogButtonPrimary onClick={() => openExternalUrl(gameUrl)}> View Details
View Details </DialogButtonPrimary>
</DialogButtonPrimary>
</div>
</div> </div>
</PanelSectionRow> </>
) )
} }