Re-Quest/adminpanel
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add Source Serif 4 and Fractul font families and integrate them across the admin UI.

Browse Source
This commit is contained in:
pradeepkumar
2026-02-11 03:22:06 +05:30
parent 41df986d77
commit 33bd968d50
99 changed files with 829 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Sidebar.tsx
View File

@@ -66,11 +66,11 @@ export default function Sidebar() {
const pathname = usePathname();
return (
<aside className="w-64 bg-gray-900 min-h-screen fixed left-0 top-0">
<aside className="w-64 bg-[#00293d] min-h-screen fixed left-0 top-0">
{/* Logo */}
<div className="p-6 border-b border-gray-800">
<div className="p-6 border-b border-[#003a57]">
<div className="flex items-center">
<div className="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center mr-3">
<div className="w-10 h-10 bg-[#f5a623] rounded-lg flex items-center justify-center mr-3 shadow-sm">
<svg
className="w-6 h-6 text-white"
fill="none"
@@ -86,15 +86,15 @@ export default function Sidebar() {
</svg>
</div>
<div>
<h1 className="text-lg font-bold text-white">Re-Quest</h1>
<p className="text-xs text-gray-400">Admin Panel</p>
<h1 className="text-lg font-bold text-white font-fractul">Re-Quest</h1>
<p className="text-xs text-[#e8f0ee]">Admin Panel</p>
</div>
</div>
</div>
{/* Navigation */}
<nav className="p-4">
<ul className="space-y-2">
<ul className="space-y-1">
{menuItems.map((item) => {
const isActive = pathname === item.href ||
(item.href !== '/dashboard' && pathname.startsWith(item.href));
@@ -103,14 +103,14 @@ export default function Sidebar() {
<li key={item.name}>
<Link
href={item.href}
className={`flex items-center px-4 py-3 rounded-lg transition-colors ${
className={`flex items-center px-4 py-3 rounded-lg transition-all duration-200 ${
isActive
? 'bg-blue-600 text-white'
: 'text-gray-300 hover:bg-gray-800 hover:text-white'
? 'bg-[#f5a623] text-white shadow-sm'
: 'text-[#c4d9d4] hover:bg-[#003a57] hover:text-white'
}`}
>
{item.icon}
<span className="ml-3 font-medium">{item.name}</span>
<span className="ml-3 font-medium font-serif text-sm">{item.name}</span>
</Link>
</li>
);