github-mirrors/netris-nestri
1
0
Fork 0
mirror of https://github.com/nestriness/nestri.git synced 2025-12-12 16:55:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Minor changes to the frontend (#145)

Browse Source 
This PR does a facelift to the `/` and `/pricing` pages
This commit is contained in:
Wanjohi
2024-12-26 22:27:27 +03:00
committed by GitHub
parent 2c39517a27
commit 0d36acb983
16 changed files with 488 additions and 961 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/src/nav-bar.tsx
View File

@@ -19,17 +19,9 @@ const navLinks = [
export const NavBar = component$(() => {
const location = useLocation()
const hasScrolled = useSignal(false);
useOnDocument(
'scroll',
$(() => {
hasScrolled.value = window.scrollY > 0;
})
);
return (
<nav class={cn("w-full sticky top-0 z-50 px-4 text-sm font-extrabold bg-gray-100/70 dark:bg-gray-900/70 before:backdrop-blur-[15px] before:absolute before:-z-[1] before:top-0 before:left-0 before:w-full before:h-full", hasScrolled.value && "shadow-[0_2px_20px_1px] shadow-gray-300 dark:shadow-gray-700")} >
<nav class={cn("w-full relative top-0 z-50 px-4 text-sm font-extrabold bg-gray-100/70 dark:bg-gray-900/70 before:backdrop-blur-[15px] before:absolute before:-z-[1] before:top-0 before:left-0 before:w-full before:h-full")} >
<div class="mx-auto flex max-w-xl items-center border-b-2 dark:border-gray-50/50 border-gray-950/50" >
<Link class="outline-none focus:ring-2 py-1 px-3 -ml-3 rounded-lg focus:ring-primary-500 duration-200 transition-all" href="/" >
<h1 class="text-lg font-title" >