Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

formatting

This commit is contained in:
JackTheRooster 2025-03-04 21:43:40 -06:00
parent 6675c7d19d
commit 0275769614
1 changed files with 49 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
ui/src/components/sidebar/settings.tsx
View File

@ -855,9 +855,9 @@ export default function SettingsSidebar() {
label="" label=""
value={currentTheme} value={currentTheme}
options={[ options={[
{value: "system", label: "System"}, { value: "system", label: "System" },
{value: "light", label: "Light"}, { value: "light", label: "Light" },
{value: "dark", label: "Dark"}, { value: "dark", label: "Dark" },
]} ]}
onChange={e => { onChange={e => {
setCurrentTheme(e.target.value); setCurrentTheme(e.target.value);
@ -886,8 +886,8 @@ export default function SettingsSidebar() {
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/> <div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
<div className="pb-2 space-y-4"> <div className="pb-2 space-y-4">
<SectionHeader <SectionHeader
title="Hardware" title="Hardware"
description="Configure the JetKVM Hardware" description="Configure the JetKVM Hardware"
/> />
</div> </div>
<SettingsItem title="Display Brightness" description="Set the brightness of the display"> <SettingsItem title="Display Brightness" description="Set the brightness of the display">
@ -896,10 +896,10 @@ export default function SettingsSidebar() {
label="" label=""
value={settings.backlightSettings.max_brightness.toString()} value={settings.backlightSettings.max_brightness.toString()}
options={[ options={[
{value: "0", label: "Off"}, { value: "0", label: "Off" },
{value: "10", label: "Low"}, { value: "10", label: "Low" },
{value: "35", label: "Medium"}, { value: "35", label: "Medium" },
{value: "64", label: "High"}, { value: "64", label: "High" },
]} ]}
onChange={e => { onChange={e => {
settings.backlightSettings.max_brightness = parseInt(e.target.value) settings.backlightSettings.max_brightness = parseInt(e.target.value)
@ -908,46 +908,46 @@ export default function SettingsSidebar() {
/> />
</SettingsItem> </SettingsItem>
{settings.backlightSettings.max_brightness != 0 && ( {settings.backlightSettings.max_brightness != 0 && (
<> <>
<SettingsItem title="Dim Display After" description="Set how long to wait before dimming the display"> <SettingsItem title="Dim Display After" description="Set how long to wait before dimming the display">
<SelectMenuBasic <SelectMenuBasic
size="SM" size="SM"
label="" label=""
value={settings.backlightSettings.dim_after.toString()} value={settings.backlightSettings.dim_after.toString()}
options={[ options={[
{value: "0", label: "Never"}, {value: "0", label: "Never"},
{value: "60", label: "1 Minute"}, {value: "60", label: "1 Minute"},
{value: "300", label: "5 Minutes"}, {value: "300", label: "5 Minutes"},
{value: "600", label: "10 Minutes"}, {value: "600", label: "10 Minutes"},
{value: "1800", label: "30 Minutes"}, {value: "1800", label: "30 Minutes"},
{value: "3600", label: "1 Hour"}, {value: "3600", label: "1 Hour"},
]} ]}
onChange={e => { onChange={e => {
settings.backlightSettings.dim_after = parseInt(e.target.value) settings.backlightSettings.dim_after = parseInt(e.target.value)
handleBacklightSettingsChange(settings.backlightSettings); handleBacklightSettingsChange(settings.backlightSettings);
}} }}
/> />
</SettingsItem> </SettingsItem>
<SettingsItem title="Turn off Display After" <SettingsItem title="Turn off Display After"
description="Set how long to wait before turning off the display"> description="Set how long to wait before turning off the display">
<SelectMenuBasic <SelectMenuBasic
size="SM" size="SM"
label="" label=""
value={settings.backlightSettings.off_after.toString()} value={settings.backlightSettings.off_after.toString()}
options={[ options={[
{value: "0", label: "Never"}, {value: "0", label: "Never"},
{value: "300", label: "5 Minutes"}, {value: "300", label: "5 Minutes"},
{value: "600", label: "10 Minutes"}, {value: "600", label: "10 Minutes"},
{value: "1800", label: "30 Minutes"}, {value: "1800", label: "30 Minutes"},
{value: "3600", label: "1 Hour"}, {value: "3600", label: "1 Hour"},
]} ]}
onChange={e => { onChange={e => {
settings.backlightSettings.off_after = parseInt(e.target.value) settings.backlightSettings.off_after = parseInt(e.target.value)
handleBacklightSettingsChange(settings.backlightSettings); handleBacklightSettingsChange(settings.backlightSettings);
}} }}
/> />
</SettingsItem> </SettingsItem>
</> </>
)} )}
<p className="text-xs text-slate-600 dark:text-slate-400"> <p className="text-xs text-slate-600 dark:text-slate-400">
The display will wake up when the connection state changes, or when touched. The display will wake up when the connection state changes, or when touched.