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

fix(plugin): use Focusable for compact styled View Details button

Browse Source
This commit is contained in:
adrianbonpin
2026-07-13 06:47:51 +08:00
parent 17d70f175d
commit 4f503e373a
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/decky-vault/src/components/LibraryAppPanel.tsx
+13 -5
View File
@@ -1,5 +1,5 @@
import { useEffect, useState, useRef } from "react" import { useEffect, useState, useRef } from "react"
import { PanelSectionRow, ButtonItem, staticClasses } from "@decky/ui" import { PanelSectionRow, Focusable, staticClasses } from "@decky/ui"
import { Router } from "@decky/ui" import { Router } from "@decky/ui"
import { import {
fetchPluginGame, fetchPluginGame,
@@ -130,12 +130,20 @@ 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 */} {/* View Details — compact, gamepad-navigable via Focusable */}
<span style={{ flexShrink: 0 }}> <Focusable onClick={() => openExternalUrl(gameUrl)} style={{ flexShrink: 0 }}>
<ButtonItem layout="below" onClick={() => openExternalUrl(gameUrl)}> <span style={{
display: "inline-block",
fontSize: "12px",
padding: "4px 12px",
borderRadius: "6px",
background: "rgba(255,255,255,0.08)",
border: "1px solid rgba(255,255,255,0.12)",
whiteSpace: "nowrap",
}}>
View Details View Details
</ButtonItem>
</span> </span>
</Focusable>
</div> </div>
</PanelSectionRow> </PanelSectionRow>
) )