diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-10-20 09:59:29 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-10-20 09:59:29 -0400 |
| commit | 3009706795fcf6fb44d25c1458f24c0714822352 (patch) | |
| tree | a3ae26a1b287fc87c7740626b7ff7c94408fd739 | |
| parent | fc9ff66bc13d3029f3e643f58e79352b22e74f85 (diff) | |
| download | decky-lsfg-vk-3009706795fcf6fb44d25c1458f24c0714822352.tar.gz decky-lsfg-vk-3009706795fcf6fb44d25c1458f24c0714822352.zip | |
feat: mv edit and delete profile buttons to share one row
| -rw-r--r-- | src/components/ProfileManagement.tsx | 60 |
1 files changed, 43 insertions, 17 deletions
diff --git a/src/components/ProfileManagement.tsx b/src/components/ProfileManagement.tsx index 6e2a8f8..7504ca4 100644 --- a/src/components/ProfileManagement.tsx +++ b/src/components/ProfileManagement.tsx @@ -14,7 +14,7 @@ import { AppOverview, Router } from "@decky/ui"; -import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri"; +import { RiArrowDownSFill, RiArrowUpSFill, RiEditLine, RiDeleteBinLine } from "react-icons/ri"; import { getProfiles, createProfile, @@ -416,23 +416,49 @@ export function ProfileManagement({ currentProfile, onProfileChange }: ProfileMa </PanelSectionRow> <PanelSectionRow> - <ButtonItem - layout="below" - onClick={handleRenameProfile} - disabled={isLoading || selectedProfile === "decky-lsfg-vk" || !!mainRunningApp} + <Focusable + style={{ + display: "flex", + alignItems: "center", + gap: "8px", + width: "100%", + padding: "0", + margin: "0" + }} + flow-children="horizontal" > - Rename - </ButtonItem> - </PanelSectionRow> - - <PanelSectionRow> - <ButtonItem - layout="below" - onClick={handleDeleteProfile} - disabled={isLoading || selectedProfile === "decky-lsfg-vk" || !!mainRunningApp} - > - Delete - </ButtonItem> + <DialogButton + style={{ + height: "40px", + flex: 1, + display: "flex", + alignItems: "center", + justifyContent: "center", + padding: "10px", + minWidth: "0", + }} + onClick={handleRenameProfile} + disabled={isLoading || selectedProfile === "decky-lsfg-vk" || !!mainRunningApp} + > + <RiEditLine size={20} /> + </DialogButton> + + <DialogButton + style={{ + height: "40px", + flex: 1, + display: "flex", + alignItems: "center", + justifyContent: "center", + padding: "10px", + minWidth: "0", + }} + onClick={handleDeleteProfile} + disabled={isLoading || selectedProfile === "decky-lsfg-vk" || !!mainRunningApp} + > + <RiDeleteBinLine size={20} /> + </DialogButton> + </Focusable> </PanelSectionRow> </> )} |