diff options
| -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> </> )} |