bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(ui): unify card typography across application

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-17 09:45:20 +03:00
parent 572422b677
commit ff86ec953e
6 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/components/admin/CategoryManager.tsx
View File

@@ -43,8 +43,8 @@ export default function CategoryManager({
{categories.map(cat => (
<div key={cat.id} className="p-4 bg-slate-950/40 border border-slate-800/50 rounded-2xl flex items-center justify-between group hover:border-primary/40 transition-all">
<div className="min-w-0 pr-4">
<p className="text-sm font-bold text-slate-200 group-hover:text-primary transition-colors">{cat.name}</p>
<p className="text-xs text-slate-500 font-medium mt-0.5">{cat.description || 'General storage'}</p>
<p className="card-title group-hover:text-primary transition-colors">{cat.name}</p>
<p className="card-subtitle">{cat.description || 'General storage'}</p>
</div>
<div className="flex gap-1 shrink-0">
<button

4
frontend/components/admin/IdentityManager.tsx
View File

@@ -51,8 +51,8 @@ export default function IdentityManager({
{user.role === 'admin' ? <Shield size={16} /> : <User size={16} />}
</div>
<div className="min-w-0">
<p className="text-sm font-bold text-slate-200 truncate">{user.username}</p>
<p className="text-[11px] text-slate-400 font-bold tracking-tight capitalize">{user.role}</p>
<p className="card-title truncate">{user.username}</p>
<p className="card-subtitle">{user.role}</p>
</div>
</div>
<div className="flex items-center gap-1.5 ml-2">

8
frontend/components/admin/LdapManager.tsx
View File

@@ -37,8 +37,8 @@ export default function LdapManager({
<Power size={14} />
</div>
<div>
<p className="text-xs font-bold text-slate-200 tracking-tight leading-none">Ldap Authorization</p>
<p className={cn("text-[11px] font-bold mt-1.5", ldapConfig.ldap_enabled ? "text-green-500/80" : "text-slate-500")}>
<p className="card-title leading-none">Ldap Authorization</p>
<p className={cn("card-subtitle mt-1", ldapConfig.ldap_enabled ? "text-green-500/80" : "text-slate-500")}>
{ldapConfig.ldap_enabled ? "External Directory Active" : "Internal Authentication Only"}
</p>
</div>
@@ -124,8 +124,8 @@ export default function LdapManager({
<Lock size={14} />
</div>
<div>
<p className="text-xs font-bold text-slate-200 tracking-tight leading-none">Use Tls</p>
<p className={cn("text-[11px] font-bold mt-1.5", ldapConfig.use_tls ? "text-indigo-400/80" : "text-slate-500")}>
<p className="card-title leading-none">Use Tls</p>
<p className={cn("card-subtitle mt-1", ldapConfig.use_tls ? "text-indigo-400/80" : "text-slate-500")}>
{ldapConfig.use_tls ? "Encrypted Channel" : "Standard Link"}
</p>
</div>