tfgrid/wwww_3node_tenstorrent
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
despiegk
2025-07-25 09:29:49 +02:00
parent fcce89264d
commit 5271f879f9
10 changed files with 24 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Navigation.jsx
View File

@@ -15,12 +15,12 @@ function Navigation() {
}
return (
<nav className="fixed top-0 w-full bg-background text-foreground z-50">
<nav className="fixed top-0 w-full bg-white/90 dark:bg-slate-900/90 backdrop-blur-md border-b border-slate-200 dark:border-slate-800 z-50">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center h-16">
<Link to="/" className="flex items-center space-x-2">
<Globe className="h-8 w-8 text-blue-600" />
<span className="text-xl font-bold text-slate-900">ThreeFold Galaxy</span>
<span className="text-xl font-bold text-slate-900 dark:text-white">ThreeFold Galaxy</span>
</Link>
{/* Desktop Navigation */}
@@ -31,7 +31,7 @@ function Navigation() {
<Link
key={item.path}
to={item.path}
className={`transition-colors ${isActive(item.path) ? 'text-blue-600 font-medium' : 'text-slate-600 hover:text-blue-600'}`}
className={`transition-colors ${isActive(item.path) ? 'text-blue-600 dark:text-blue-400 font-medium' : 'text-slate-600 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400'}`}
>
{item.label}
</Link>
@@ -50,7 +50,7 @@ function Navigation() {
<Menu className="h-6 w-6" />
</Button>
</SheetTrigger>
<SheetContent side="right" className="bg-white text-slate-900 sm:max-w-sm py-6">
<SheetContent side="right" className="bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-200 sm:max-w-sm py-6">
<div className="flex flex-col items-center space-y-4 pt-6">
{navigationData
.filter(item => item.show !== false)
@@ -58,7 +58,7 @@ function Navigation() {
<SheetClose asChild key={item.path}>
<Link
to={item.path}
className={`text-xl font-medium text-center ${isActive(item.path) ? 'text-blue-600' : 'text-slate-900 hover:text-blue-600'}`}
className={`text-xl font-medium text-center ${isActive(item.path) ? 'text-blue-600 dark:text-blue-400' : 'text-slate-900 dark:text-slate-200 hover:text-blue-600 dark:hover:text-blue-400'}`}
onClick={() => setIsMobileMenuOpen(false)}
>
{item.label}