GuilanCE/guilan-ace-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(navbar): polish logo and icon controls

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-06-11 21:22:17 +03:30
parent da95b4ec99
commit 0668fa2bb3
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ModeToggle.tsx
View File

@@ -29,7 +29,7 @@ export default function ModeToggle({ className }: { className?: string }) {
variant="ghost" variant="ghost"
size="icon" size="icon"
className={cn( className={cn(
"rounded-full border-0 bg-transparent shadow-none backdrop-blur transition hover:bg-background/45 hover:shadow-sm", "rounded-full border-0 bg-transparent shadow-none transition hover:bg-background/45 hover:shadow-sm",
className, className,
)} )}
aria-label={`تغییر تم به حالت ${nextThemeLabel}`} aria-label={`تغییر تم به حالت ${nextThemeLabel}`}

24
src/components/Navbar.tsx
View File

@@ -83,37 +83,37 @@ function ProfileAvatarMenu() {
{[user?.first_name, user?.last_name].filter(Boolean).join(" ") || user?.username || "حساب کاربری"} {[user?.first_name, user?.last_name].filter(Boolean).join(" ") || user?.username || "حساب کاربری"}
</DropdownMenuLabel> </DropdownMenuLabel>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
<DropdownMenuItem asChild className="flex-row-reverse justify-start gap-2 rounded-xl"> <DropdownMenuItem asChild className="flex-row-reverse justify-end gap-2 rounded-xl">
<Link to="/profile"> <Link to="/profile">
<UserRound className="h-4 w-4" />
مشاهده پروفایل مشاهده پروفایل
<UserRound className="h-4 w-4" />
</Link> </Link>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem asChild className="flex-row-reverse justify-start gap-2 rounded-xl"> <DropdownMenuItem asChild className="flex-row-reverse justify-end gap-2 rounded-xl">
<Link to="/profile?edit=1"> <Link to="/profile?edit=1">
<PencilLine className="h-4 w-4" />
ویرایش پروفایل ویرایش پروفایل
<PencilLine className="h-4 w-4" />
</Link> </Link>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem asChild className="flex-row-reverse justify-start gap-2 rounded-xl"> <DropdownMenuItem asChild className="flex-row-reverse justify-end gap-2 rounded-xl">
<Link to="/reset-password"> <Link to="/reset-password">
<RotateCcw className="h-4 w-4" />
تغییر یا بازیابی رمز تغییر یا بازیابی رمز
<RotateCcw className="h-4 w-4" />
</Link> </Link>
</DropdownMenuItem> </DropdownMenuItem>
{isAdminUser ? ( {isAdminUser ? (
<DropdownMenuItem asChild className="flex-row-reverse justify-start gap-2 rounded-xl"> <DropdownMenuItem asChild className="flex-row-reverse justify-end gap-2 rounded-xl">
<Link to="/admin"> <Link to="/admin">
<LayoutDashboard className="h-4 w-4" />
داشبورد مدیریت داشبورد مدیریت
<LayoutDashboard className="h-4 w-4" />
</Link> </Link>
</DropdownMenuItem> </DropdownMenuItem>
) : null} ) : null}
<DropdownMenuSeparator /> <DropdownMenuSeparator />
<DropdownMenuItem asChild className="flex-row-reverse justify-start gap-2 rounded-xl text-destructive focus:text-destructive"> <DropdownMenuItem asChild className="flex-row-reverse justify-end gap-2 rounded-xl text-destructive focus:text-destructive">
<Link to="/logout"> <Link to="/logout">
<LogOut className="h-4 w-4" />
خروج از حساب خروج از حساب
<LogOut className="h-4 w-4" />
</Link> </Link>
</DropdownMenuItem> </DropdownMenuItem>
</DropdownMenuContent> </DropdownMenuContent>
@@ -132,8 +132,8 @@ export default function Navbar() {
<div className="container mx-auto px-4 py-3"> <div className="container mx-auto px-4 py-3">
<div className="flex items-center justify-between gap-4"> <div className="flex items-center justify-between gap-4">
<Link to="/" className="flex min-w-0 items-center gap-3"> <Link to="/" className="flex min-w-0 items-center gap-3">
<div className="hidden h-10 w-10 items-center justify-center rounded-2xl border border-border/70 bg-background/90 shadow-sm sm:flex"> <div className="hidden rounded-2xl sm:flex">
<span className="text-lg font-bold text-primary">گ</span> <img src="/favicon.ico" alt="لوگوی انجمن" className="h-10 w-10 object-contain" />
</div> </div>
<div className="min-w-0 text-right"> <div className="min-w-0 text-right">
<p className="truncate text-sm font-semibold text-foreground sm:text-base"> <p className="truncate text-sm font-semibold text-foreground sm:text-base">

2
src/components/NotificationsBell.tsx
View File

@@ -87,7 +87,7 @@ export default function NotificationsBell() {
type="button" type="button"
variant="ghost" variant="ghost"
size="icon" size="icon"
className="relative h-10 w-10 rounded-full border-0 bg-transparent shadow-none backdrop-blur transition hover:bg-background/45 hover:shadow-sm" className="relative h-10 w-10 rounded-full border-0 bg-transparent shadow-none transition hover:bg-background/45 hover:shadow-sm"
aria-label="اعلان‌ها" aria-label="اعلان‌ها"
> >
<Bell className="h-4 w-4" /> <Bell className="h-4 w-4" />