summaryrefslogtreecommitdiff
path: root/src/components/ConfigurationSection.tsx
diff options
context:
space:
mode:
authorxXJSONDeruloXx <danielhimebauch@gmail.com>2025-07-17 23:44:51 -0400
committerxXJSONDeruloXx <danielhimebauch@gmail.com>2025-07-17 23:44:51 -0400
commita921fc8168e13934bdfe6d159aee14ee2651949e (patch)
tree5df5572a22e056ab2cc4afbe770efab0d7a3ecd1 /src/components/ConfigurationSection.tsx
parent0670041467ca5625d93e3e4dbc2f738da24d88b4 (diff)
downloaddecky-lsfg-vk-a921fc8168e13934bdfe6d159aee14ee2651949e.tar.gz
decky-lsfg-vk-a921fc8168e13934bdfe6d159aee14ee2651949e.zip
styling cleanup
Diffstat (limited to 'src/components/ConfigurationSection.tsx')
-rw-r--r--src/components/ConfigurationSection.tsx47
1 files changed, 31 insertions, 16 deletions
diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index 76b9bc2..0ee605c 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -94,17 +94,16 @@ export function ConfigurationSection({
/>
</PanelSectionRow>
- {/* Experimental Features Section */}
<PanelSectionRow>
<div
style={{
fontSize: "14px",
fontWeight: "bold",
- marginTop: "24px",
+ marginTop: "16px",
marginBottom: "8px",
- borderBottom: "1px solid rgba(255, 165, 0, 0.4)",
+ borderBottom: "1px solid rgba(255, 255, 255, 0.2)",
paddingBottom: "4px",
- color: "rgba(255, 165, 0, 0.9)"
+ color: "white"
}}
>
⚠️ Experimental Features
@@ -112,18 +111,34 @@ export function ConfigurationSection({
</PanelSectionRow>
<PanelSectionRow>
- <Dropdown
- menuLabel="Present Mode"
- selectedOption={config.experimental_present_mode}
- onChange={(value) => onConfigChange('experimental_present_mode', value.data)}
- rgOptions={[
- { data: "", label: "Default (FIFO)" },
- { data: "fifo", label: "FIFO" },
- { data: "vsync", label: "VSync" },
- { data: "mailbox", label: "Mailbox" },
- { data: "immediate", label: "Immediate" }
- ]}
- />
+ <div style={{ marginBottom: "8px" }}>
+ <div style={{
+ color: "white",
+ fontSize: "14px",
+ fontWeight: "500",
+ marginBottom: "4px"
+ }}>
+ Override Vulkan present mode
+ </div>
+ <div style={{
+ color: "rgba(255, 255, 255, 0.7)",
+ fontSize: "12px",
+ marginBottom: "8px"
+ }}>
+ Select a specific Vulkan presentation mode for better performance or compatibility
+ </div>
+ <Dropdown
+ selectedOption={config.experimental_present_mode}
+ onChange={(value) => onConfigChange('experimental_present_mode', value.data)}
+ rgOptions={[
+ { data: "", label: "Default (FIFO)" },
+ { data: "fifo", label: "FIFO" },
+ { data: "vsync", label: "VSync" },
+ { data: "mailbox", label: "Mailbox" },
+ { data: "immediate", label: "Immediate" }
+ ]}
+ />
+ </div>
</PanelSectionRow>
<PanelSectionRow>