lumither/nocturne
1
0 Fork 0
mirror of https://github.com/Lumither/nocturne.git synced 2026-10-17 10:26:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(frontend) little update that proves the repo is still alive

Browse Source
This commit is contained in:
lumither committed 2025-07-03 01:57:44 +08:00
1 parent 1f27e0bddc
commit 86dc65ab8a
1 file changed
+42 -31
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/page.tsx
+42 -31
View File
@@ -10,40 +10,51 @@ export default function Home() {
const isMobile = useScreenSizeTrigger('lg');
// const [ test, setTest, removeTest ] = useLocalStorage('test', 'test_value');
// console.log(test);
// setTest('test value 2');
// console.log(test);
// removeTest();
// console.log(test);
return (
<div className={ `h-dvh relative` }>
<ul className={ `flex flex-col space-y-2 w-full` }>
{
entries.map((meta, key) => (
<li key={ key }>
<Button
as={ Link }
variant={ `light` }
color={ `default` }
fullWidth
isIconOnly={ isMobile }
className={ 'flex lg:justify-start w-fit lg:w-full' }
aria-label={ `navbar: ${ meta.display_name }` }
href={ meta.href }
>
{ meta.icon }
<p className={ `font-bold hidden lg:block` }>{ meta.display_name }</p>
</Button>
</li>
))
}
</ul>
<div>
<div className={ `min-h-dvh h-min content-center` }>
<p className={ 'text-center text-4xl' }>Atelier Lumiaethor</p>
</div>
<div
className={ 'absolute bottom-0 w-full h-60 bg-yellow-500 p-12' }
// className={ 'absolute bottom-0 w-full h-60 bg-yellow-500 p-12' }
className={ 'absolute bottom-0 w-full h-60 p-12' }
>
<div className={ 'bg-blue-500 h-full w-full rounded-3xl backdrop-blur' }></div>
<div
className={ 'bg-blue-500 h-full w-full rounded-3xl backdrop-blur align-middle grid grid-cols-2 content-center' }>
<div className={ 'w-full flex justify-between' }>
<div className={ 'p-16' }>
test
</div>
<div className={ 'w-0.5 h-full bg-neutral-400' }></div>
</div>
<div className={ 'h-full content-center p-4 pr-3' }>
<ul className={ `grid grid-cols-2 w-full` }>
{
entries.map((meta, key) => (
<li key={ key }>
<Button
as={ Link }
variant={ `light` }
color={ `default` }
fullWidth
isIconOnly={ isMobile }
className={ 'flex lg:justify-start w-fit lg:w-full' }
aria-label={ `navbar: ${ meta.display_name }` }
href={ meta.href }
>
{ meta.icon }
<p className={ `font-bold hidden lg:block` }>{ meta.display_name }</p>
</Button>
</li>
))
}
</ul>
</div>
</div>
</div>
</div>
);