rafraa/TX
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve admin interface and ensure consistent font usage across the website

Browse Source 
Load IBM Plex Mono font and enhance admin sidebar styling.
This commit is contained in:
Riyadh
2026-04-20 11:49:02 +00:00
parent 16091523fe
commit 7bf8ec9844
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
artifacts/teaboy-os/index.html
+1 -1
View File
@@ -7,7 +7,7 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="root"></div>
artifacts/teaboy-os/src/pages/admin.tsx
+11 -5
View File
@@ -113,10 +113,10 @@ export default function AdminPage() {
onSelect?.();
}}
className={cn(
"flex items-center gap-3 w-full px-3 py-2.5 rounded-xl text-sm transition-colors text-start",
"flex items-center gap-3 w-full px-3 py-2.5 rounded-xl text-sm transition-all text-start relative",
active
? "bg-primary/15 text-primary font-medium shadow-sm"
: "text-muted-foreground hover:bg-slate-100 hover:text-foreground",
? "bg-primary text-primary-foreground font-semibold shadow-md shadow-primary/20"
: "text-foreground/70 hover:bg-slate-100 hover:text-foreground",
)}
>
<Icon size={18} className="shrink-0" />
@@ -361,8 +361,14 @@ export default function AdminPage() {
<div className="flex-1 flex w-full">
{/* Sidebar (desktop) */}
<aside className="hidden md:block w-60 shrink-0 border-e border-slate-200/70 bg-white/40 backdrop-blur-sm p-3">
<div className="sticky top-20">
<aside className="hidden md:flex flex-col w-64 shrink-0 border-e border-slate-200/70 bg-white/70 backdrop-blur-md">
<div className="sticky top-[73px] p-4 space-y-4">
<div className="flex items-center gap-2 px-2 pb-3 border-b border-slate-200/70">
<Shield size={18} className="text-primary" />
<span className="text-xs font-semibold text-muted-foreground uppercase tracking-wider">
{t("admin.nav.menu")}
</span>
</div>
{renderNavList()}
</div>
</aside>