diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-22 17:14:52 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-22 17:14:52 -0400 |
| commit | 557295ba34d6554ea120355242825567ac88cbcc (patch) | |
| tree | 575e3c8ce75b47626fcfa9922328dccda151ecda /src/components/ConfigurationSection.tsx | |
| parent | b4313f8d6ff3a18b73bdc2f5972b9f17b02e2e9c (diff) | |
| download | decky-lsfg-vk-557295ba34d6554ea120355242825567ac88cbcc.tar.gz decky-lsfg-vk-557295ba34d6554ea120355242825567ac88cbcc.zip | |
extract plus minus to own component
Diffstat (limited to 'src/components/ConfigurationSection.tsx')
| -rw-r--r-- | src/components/ConfigurationSection.tsx | 63 |
1 files changed, 4 insertions, 59 deletions
diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx index 1a0107c..778ebc8 100644 --- a/src/components/ConfigurationSection.tsx +++ b/src/components/ConfigurationSection.tsx @@ -1,7 +1,8 @@ -import { PanelSectionRow, ToggleField, SliderField, DropdownItem, DialogButton, Focusable } from "@decky/ui"; +import { PanelSectionRow, ToggleField, SliderField, DropdownItem } from "@decky/ui"; import { ConfigurationData } from "../config/configSchema"; +import { FpsMultiplierControl } from "./FpsMultiplierControl"; import { - MULTIPLIER, FLOW_SCALE, PERFORMANCE_MODE, HDR_MODE, + FLOW_SCALE, PERFORMANCE_MODE, HDR_MODE, EXPERIMENTAL_PRESENT_MODE, DXVK_FRAME_RATE, DISABLE_STEAMDECK_MODE, MANGOHUD_WORKAROUND, DISABLE_VKBASALT } from "../config/generatedConfigSchema"; @@ -34,63 +35,7 @@ export function ConfigurationSection({ </PanelSectionRow> {/* FPS Multiplier */} - - <PanelSectionRow> - <Focusable - style={{ - marginTop: "10px", - marginBottom: "10px", - display: "flex", - justifyContent: "center", - alignItems: "center" - }} - flow-children="horizontal" - > - <DialogButton - style={{ - marginLeft: "0px", - height: "30px", - display: "flex", - alignItems: "center", - justifyContent: "center", - padding: "5px 0px 0px 0px", - minWidth: "40px", - }} - onClick={() => onConfigChange(MULTIPLIER, Math.max(1, config.multiplier - 1))} - disabled={config.multiplier <= 1} - > - − - </DialogButton> - <div - style={{ - marginLeft: "20px", - marginRight: "20px", - fontSize: "16px", - fontWeight: "bold", - color: "white", - minWidth: "60px", - textAlign: "center" - }} - > - {config.multiplier < 2 ? "OFF" : `${config.multiplier}X`} - </div> - <DialogButton - style={{ - marginLeft: "0px", - height: "30px", - display: "flex", - alignItems: "center", - justifyContent: "center", - padding: "5px 0px 0px 0px", - minWidth: "40px", - }} - onClick={() => onConfigChange(MULTIPLIER, Math.min(6, config.multiplier + 1))} - disabled={config.multiplier >= 6} - > - + - </DialogButton> - </Focusable> - </PanelSectionRow> + <FpsMultiplierControl config={config} onConfigChange={onConfigChange} /> <PanelSectionRow> <SliderField |