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

This commit is contained in:
2026-07-13 07:05:27 +08:00
parent 9b38b17eb0
commit 3b27094973
@@ -109,8 +109,11 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
}
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 */}
<span style={{ flex: "1 1 0", minWidth: 0, overflow: "hidden" }}>
{data.estFps ? (
@@ -130,13 +133,11 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
{detectedSlug ? detectedSlug : <span style={{ color: "#e0a030" }}> global</span>}
</span>
</span>
{/* View Details — compact, gamepad-navigable, constrained */}
<div style={{ flexShrink: 0, width: "110px", overflow: "hidden", boxSizing: "border-box" }}>
<DialogButtonPrimary onClick={() => openExternalUrl(gameUrl)}>
{/* View Details — gamepad-navigable, CSS-constrained width */}
<DialogButtonPrimary className="deckyvault-lib-btn" onClick={() => openExternalUrl(gameUrl)}>
View Details
</DialogButtonPrimary>
</div>
</div>
</PanelSectionRow>
</>
)
}