style: step 9 - uniform text tokens in admin sub-components
This commit is contained in:
@@ -63,7 +63,7 @@ export default function AiManager({
|
||||
{p.id === 'gemini' ? <Cpu size={16} /> : <Zap size={16} />}
|
||||
</div>
|
||||
<div>
|
||||
<p className={cn("text-xs font-black tracking-tight", p.active ? "text-white" : "text-slate-200")}>{p.name}</p>
|
||||
<p className={cn("text-xs font-black tracking-tight", p.active ? "text-white" : "text-secondary")}>{p.name}</p>
|
||||
<p className={cn(
|
||||
"text-xs font-bold mt-1 px-0.5 rounded",
|
||||
p.active
|
||||
@@ -87,7 +87,7 @@ export default function AiManager({
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="p-2 bg-primary/10 rounded-lg text-primary"><Lock size={14} /></div>
|
||||
<h3 className="text-sm font-bold text-slate-200 tracking-tight">Provider Access Keys</h3>
|
||||
<h3 className="text-sm font-bold text-secondary tracking-tight">Provider Access Keys</h3>
|
||||
</div>
|
||||
<button
|
||||
onClick={onSaveAiKeys}
|
||||
@@ -172,7 +172,7 @@ export default function AiManager({
|
||||
<textarea
|
||||
value={aiPrompt}
|
||||
onChange={(e) => setAiPrompt(e.target.value)}
|
||||
className="w-full bg-background/80 border border-slate-800 rounded-2xl p-6 text-xs font-mono font-bold text-slate-300 leading-relaxed outline-none focus:border-purple-500/50 transition-all min-h-[200px] custom-scrollbar shadow-inner"
|
||||
className="w-full bg-background/80 border border-slate-800 rounded-2xl p-6 text-xs font-mono font-bold text-secondary leading-relaxed outline-none focus:border-purple-500/50 transition-all min-h-[200px] custom-scrollbar shadow-inner"
|
||||
/>
|
||||
</div>
|
||||
<div className="bg-primary/5 border border-purple-500/10 rounded-2xl p-4 flex gap-4 items-start">
|
||||
|
||||
@@ -48,12 +48,12 @@ export default function DatabaseManager({
|
||||
<p className="text-xs font-bold text-muted tracking-tight">Database Health</p>
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="w-2 h-2 rounded-full bg-green-500 animate-pulse shadow-[0_0_8px_rgba(34,197,94,0.3)]" />
|
||||
<span className="text-sm font-bold text-slate-200">Operational</span>
|
||||
<span className="text-sm font-bold text-secondary">Operational</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="sm:pl-6 sm:border-l border-slate-800">
|
||||
<p className="text-xs font-bold text-muted tracking-tight">Last Backup</p>
|
||||
<p className="text-sm font-bold text-slate-200 tabular-nums">{dbStats.backup_count > 0 ? 'Verified' : 'Pending...'}</p>
|
||||
<p className="text-sm font-bold text-secondary tabular-nums">{dbStats.backup_count > 0 ? 'Verified' : 'Pending...'}</p>
|
||||
</div>
|
||||
<div className="ml-auto">
|
||||
<button
|
||||
@@ -137,7 +137,7 @@ export default function DatabaseManager({
|
||||
<Database size={14} />
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-xs font-bold text-slate-200">{bak.filename}</p>
|
||||
<p className="text-xs font-bold text-secondary">{bak.filename}</p>
|
||||
<p className="text-[11px] text-secondary font-medium tabular-nums">
|
||||
{new Date(bak.created_at).toLocaleString()} • {formatSize(bak.size_bytes)}
|
||||
</p>
|
||||
|
||||
@@ -61,7 +61,7 @@ export default function LdapManager({
|
||||
<div className="space-y-1.5">
|
||||
<label className="text-sm font-bold text-secondary tracking-tight ml-1">LDAP URI</label>
|
||||
<div className="relative">
|
||||
<Server className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
|
||||
<Server className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="ldap://host:389"
|
||||
@@ -74,7 +74,7 @@ export default function LdapManager({
|
||||
<div className="space-y-1.5">
|
||||
<label className="text-sm font-bold text-secondary tracking-tight ml-1">Context DN</label>
|
||||
<div className="relative">
|
||||
<Shield className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
|
||||
<Shield className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="dc=example,dc=com"
|
||||
@@ -90,7 +90,7 @@ export default function LdapManager({
|
||||
<div className="space-y-1.5">
|
||||
<label className="text-sm font-bold text-secondary tracking-tight ml-1">User DN Template</label>
|
||||
<div className="relative">
|
||||
<User className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
|
||||
<User className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="uid={username},ou=people..."
|
||||
@@ -103,7 +103,7 @@ export default function LdapManager({
|
||||
<div className="space-y-1.5">
|
||||
<label className="text-sm font-bold text-secondary tracking-tight ml-1">Groups Base DN</label>
|
||||
<div className="relative">
|
||||
<Layers className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
|
||||
<Layers className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="ou=groups"
|
||||
|
||||
Reference in New Issue
Block a user