refactor(sidebar): standardize padding, font sizes, and icon dimensions across sidebar components for improved consistency

This commit is contained in:
Anish Sarkar 2026-04-28 20:21:18 +05:30
parent e60c5399af
commit 6231c08b8b
11 changed files with 234 additions and 212 deletions

View file

@ -2,12 +2,12 @@ import { BellOff } from "lucide-react";
export function AnnouncementsEmptyState() {
return (
<div className="flex flex-col items-center justify-center py-16 text-center">
<div className="flex h-16 w-16 items-center justify-center rounded-full bg-muted mb-4">
<BellOff className="h-7 w-7 text-muted-foreground" />
<div className="flex flex-col items-center justify-center py-12 text-center">
<div className="mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-muted">
<BellOff className="h-5 w-5 text-muted-foreground" />
</div>
<h3 className="text-lg font-semibold">No announcements</h3>
<p className="mt-1 text-sm text-muted-foreground max-w-sm">
<h3 className="text-sm font-semibold">No announcements</h3>
<p className="mt-1 max-w-xs text-xs text-muted-foreground">
You're all caught up! New announcements will appear here.
</p>
</div>