add logo
This commit is contained in:
10
src/App.tsx
10
src/App.tsx
@@ -14,6 +14,7 @@ import { Skeleton } from './components/ui/skeleton';
|
|||||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from './components/ui/tabs';
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from './components/ui/tabs';
|
||||||
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/ui/breadcrumb';
|
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/ui/breadcrumb';
|
||||||
import { Alert, AlertDescription } from './components/ui/alert';
|
import { Alert, AlertDescription } from './components/ui/alert';
|
||||||
|
import logo from '../src/assets/klc-logo.png';
|
||||||
import {
|
import {
|
||||||
Home,
|
Home,
|
||||||
Users,
|
Users,
|
||||||
@@ -404,10 +405,11 @@ const TopNav: React.FC<{
|
|||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="w-8 h-8 bg-brand-navy rounded-md flex items-center justify-center">
|
<img
|
||||||
<span className="text-brand-navy-foreground font-bold text-sm">KLC</span>
|
src={logo}
|
||||||
</div>
|
alt="Logo"
|
||||||
<span className="font-semibold hidden sm:block">Knowledge Learning Centre</span>
|
className="h-8 md:h-12 lg:h-14 w-auto object-contain"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
BIN
src/assets/klc-logo.png
Normal file
BIN
src/assets/klc-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Reference in New Issue
Block a user