fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-20 10:19:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

site updates

Browse Source
This commit is contained in:
Henry Dollman
2024-07-11 22:17:09 -04:00
parent 82888684d9
commit 477428149a
15 changed files with 197 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
site/src/main.tsx
View File

@@ -3,13 +3,20 @@ import React, { Suspense, lazy, useEffect } from 'react'
import ReactDOM from 'react-dom/client'
import Home from './components/routes/home.tsx'
import { ThemeProvider } from './components/theme-provider.tsx'
import { $authenticated, $router } from './lib/stores.ts'
import { $authenticated, $router, navigate } from './lib/stores.ts'
import { ModeToggle } from './components/mode-toggle.tsx'
import { cn, updateServerList } from './lib/utils.ts'
import { buttonVariants } from './components/ui/button.tsx'
import { Github } from 'lucide-react'
import { useStore } from '@nanostores/react'
import { Toaster } from './components/ui/toaster.tsx'
import { Can, Logo } from './components/logo.tsx'
import {
TooltipProvider,
Tooltip,
TooltipTrigger,
TooltipContent,
} from '@/components/ui/tooltip.tsx'
const ServerDetail = lazy(() => import('./components/routes/server.tsx'))
const CommandPalette = lazy(() => import('./components/command-palette.tsx'))
@@ -42,31 +49,56 @@ const Layout = () => {
}
return (
<div className="container mt-7 mb-14 relative">
<div className="flex mb-4">
{/* <a
className={cn('', buttonVariants({ variant: 'ghost', size: 'icon' }))}
href="/"
title={'All servers'}
>
<HomeIcon className="h-[1.2rem] w-[1.2rem]" />
</a> */}
<div className={'flex gap-1 ml-auto'}>
<a
title={'Github'}
href={'https://github.com/henrygd'}
className={cn('', buttonVariants({ variant: 'ghost', size: 'icon' }))}
>
<Github className="h-[1.2rem] w-[1.2rem]" />
</a>
<ModeToggle />
<>
<div className="container">
<div className="flex items-center py-3.5 bg-card px-6 border bt-0 rounded-md my-5">
<TooltipProvider delayDuration={300}>
<Tooltip>
<TooltipTrigger asChild>
<a
href="/"
aria-label="Home"
onClick={(e) => {
e.preventDefault()
navigate('/')
}}
>
<Logo className="h-5 fill-foreground" />
</a>
</TooltipTrigger>
<TooltipContent>
<p>Home</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
<div className={'flex gap-1 ml-auto'}>
<TooltipProvider delayDuration={300}>
<Tooltip>
<TooltipTrigger asChild>
<a
title={'Github'}
aria-label="Github repo"
href={'https://github.com/henrygd'}
className={cn('', buttonVariants({ variant: 'ghost', size: 'icon' }))}
>
<Github className="h-[1.2rem] w-[1.2rem]" />
</a>
</TooltipTrigger>
<TooltipContent>
<p>Github Repository</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
<ModeToggle />
</div>
</div>
</div>
<App />
<CommandPalette />
<Toaster />
</div>
<div className="container mb-14 relative">
<App />
<CommandPalette />
<Toaster />
</div>
</>
)
}