clone/kvm
1
0
Fork 0
mirror of https://github.com/luckfox-eng29/kvm.git synced 2026-01-20 02:04:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(tls): #330

Browse Source
This commit is contained in:
Siyuan Miao
2025-03-18 17:25:03 +01:00
parent 4c37f7e079
commit 82c018a2f6
11 changed files with 858 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/routes/devices.$id.settings.tsx
View File

@@ -246,6 +246,7 @@ export function SettingsItem({
children,
className,
loading,
badge,
}: {
title: string;
description: string | React.ReactNode;
@@ -253,6 +254,7 @@ export function SettingsItem({
className?: string;
name?: string;
loading?: boolean;
badge?: string;
}) {
return (
<label
@@ -263,10 +265,17 @@ export function SettingsItem({
>
<div className="space-y-0.5">
<div className="flex items-center gap-x-2">
<h3 className="text-base font-semibold text-black dark:text-white">{title}</h3>
<div className="flex items-center text-base font-semibold text-black dark:text-white">
{title}
{badge && (
<span className="ml-2 rounded-full bg-red-500 px-2 py-1 text-[10px] font-medium leading-none text-white dark:border dark:border-red-700 dark:bg-red-800 dark:text-red-50">
{badge}
</span>
)}
</div>
{loading && <LoadingSpinner className="h-4 w-4 text-blue-500" />}
</div>
<p className="text-sm text-slate-700 dark:text-slate-300">{description}</p>
<div className="text-sm text-slate-700 dark:text-slate-300">{description}</div>
</div>
{children ? <div>{children}</div> : null}
</label>