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:48:26 -06:00
parent 305514c369
commit 046a7f997a
1 changed files with 43 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -656,7 +656,7 @@ export default function SettingsSidebar() {
</div> </div>
{isOnDevice && ( {isOnDevice && (
<> <>
<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-4 space-y-4"> <div className="pb-4 space-y-4">
<SectionHeader <SectionHeader
title="JetKVM Cloud" title="JetKVM Cloud"
@ -754,7 +754,7 @@ export default function SettingsSidebar() {
</div> </div>
</> </>
)} )}
<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" />
{isOnDevice ? ( {isOnDevice ? (
<> <>
<div className="pb-2 space-y-4"> <div className="pb-2 space-y-4">
@ -809,7 +809,7 @@ export default function SettingsSidebar() {
)} )}
</div> </div>
</div> </div>
<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" />
</> </>
) : null} ) : null}
<div className="pb-2 space-y-4"> <div className="pb-2 space-y-4">
@ -883,7 +883,7 @@ export default function SettingsSidebar() {
onClick={handleUpdateNameConfig} onClick={handleUpdateNameConfig}
/> />
</div> </div>
<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"
@ -928,18 +928,17 @@ export default function SettingsSidebar() {
}} }}
/> />
</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)
@ -952,7 +951,7 @@ export default function SettingsSidebar() {
<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.
</p> </p>
<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="Advanced" title="Advanced"
@ -971,26 +970,26 @@ export default function SettingsSidebar() {
</SettingsItem> </SettingsItem>
{settings.developerMode && ( {settings.developerMode && (
<div className="space-y-4"> <div className="space-y-4">
<TextAreaWithLabel <TextAreaWithLabel
label="SSH Public Key" label="SSH Public Key"
value={sshKey || ""} value={sshKey || ""}
rows={3} rows={3}
onChange={e => handleSSHKeyChange(e.target.value)} onChange={e => handleSSHKeyChange(e.target.value)}
placeholder="Enter your SSH public key" placeholder="Enter your SSH public key"
/>
<p className="text-xs text-slate-600 dark:text-slate-400">
The default SSH user is <strong>root</strong>.
</p>
<div className="flex items-center gap-x-2">
<Button
size="SM"
theme="primary"
text="Update SSH Key"
onClick={handleUpdateSSHKey}
/> />
<p className="text-xs text-slate-600 dark:text-slate-400">
The default SSH user is <strong>root</strong>.
</p>
<div className="flex items-center gap-x-2">
<Button
size="SM"
theme="primary"
text="Update SSH Key"
onClick={handleUpdateSSHKey}
/>
</div>
</div> </div>
</div>
)} )}
<SettingsItem <SettingsItem
title="Troubleshooting Mode" title="Troubleshooting Mode"
@ -1024,20 +1023,20 @@ export default function SettingsSidebar() {
</> </>
)} )}
{settings.debugMode && ( {settings.debugMode && (
<SettingsItem <SettingsItem
title="Reset Configuration" title="Reset Configuration"
description="Reset the configuration file to its default state. This will log you out of the device." description="Reset the configuration file to its default state. This will log you out of the device."
> >
<Button <Button
size="SM" size="SM"
theme="light" theme="light"
text="Reset Config" text="Reset Config"
onClick={() => { onClick={() => {
handleResetConfig(); handleResetConfig();
window.location.reload(); window.location.reload();
}} }}
/> />
</SettingsItem> </SettingsItem>
)} )}
</div> </div>
</div> </div>