diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-24 10:32:30 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-24 10:32:30 -0400 |
| commit | cb149d5e713cb1b3b60c193234a4198aa707dc2b (patch) | |
| tree | b3260af6fe250b06112601609f7c5956d663f488 /src | |
| parent | fa450d43a50df6c9e09c4ceb3059b66345bdc50f (diff) | |
| download | decky-lsfg-vk-cb149d5e713cb1b3b60c193234a4198aa707dc2b.tar.gz decky-lsfg-vk-cb149d5e713cb1b3b60c193234a4198aa707dc2b.zip | |
use css loader type styling for collapsible height
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/ConfigurationSection.tsx | 43 |
1 files changed, 28 insertions, 15 deletions
diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx index 7c8923e..67e010a 100644 --- a/src/components/ConfigurationSection.tsx +++ b/src/components/ConfigurationSection.tsx @@ -22,6 +22,17 @@ export function ConfigurationSection({ return ( <> + <style> + {` + .LSFG_WorkaroundsCollapseButton_Container > div > div > div > button { + height: 10px !important; + } + .LSFG_WorkaroundsCollapseButton_Container > div > div > div > div > button { + height: 10px !important; + } + `} + </style> + <PanelSectionRow> <div style={{ @@ -131,21 +142,23 @@ export function ConfigurationSection({ </PanelSectionRow> <PanelSectionRow> - <ButtonItem - layout="below" - bottomSeparator={workaroundsCollapsed ? "standard" : "none"} - onClick={() => setWorkaroundsCollapsed(!workaroundsCollapsed)} - > - {workaroundsCollapsed ? ( - <RiArrowDownSFill - style={{ transform: "translate(0, -13px)", fontSize: "1.5em" }} - /> - ) : ( - <RiArrowUpSFill - style={{ transform: "translate(0, -12px)", fontSize: "1.5em" }} - /> - )} - </ButtonItem> + <div className="LSFG_WorkaroundsCollapseButton_Container"> + <ButtonItem + layout="below" + bottomSeparator={workaroundsCollapsed ? "standard" : "none"} + onClick={() => setWorkaroundsCollapsed(!workaroundsCollapsed)} + > + {workaroundsCollapsed ? ( + <RiArrowDownSFill + style={{ transform: "translate(0, -13px)", fontSize: "1.5em" }} + /> + ) : ( + <RiArrowUpSFill + style={{ transform: "translate(0, -12px)", fontSize: "1.5em" }} + /> + )} + </ButtonItem> + </div> </PanelSectionRow> {!workaroundsCollapsed && ( |