JoshS/nyvora.app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create base for home page (still needs input component), and fix type stuff for settings

Browse source
This commit is contained in:
cy 2025-03-19 00:14:51 +00:00
parent e56d2189ad
commit a6620d7f05
5 changed files with 11550 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11527
package-lock.json generated Normal file
View file

File diff suppressed because it is too large Load diff

4
src/components/Header.astro
View file

@ -1,9 +1,9 @@
---
import { Icon } from "astro-icon/components";
---
<div class="h-14 bg-(--background) border-b border-b-(--border) px-4 fixed w-full z-10 flex items-center">
<div class="h-14 fixed bg-(--background) border-b border-b-(--border) px-4 w-full z-10 flex items-center">
<div class="flex items-center gap-3">
<button class="inline-flex items-center justify-center whitespcae-nowrap rounded-lg text-sm font-medium ring-(--offset-background) h-10 w-10">
<button class="cursor-pointer inline-flex items-center justify-center whitespcae-nowrap rounded-lg text-sm font-medium ring-(--offset-background) h-10 w-10">
<Icon name="lucide:menu" class="text-(--foreground) h-7 w-7" />
</button>
<a class="flex items-center gap-2" href="/">

12
src/components/SettingsLoader.astro
View file

@ -1,8 +1,14 @@
<script>
declare global {
interface Window {
settings: Settings
}
}
import { Settings } from "@utils/settings.ts";
const settings = new Settings();
window.settings = settings;
window.settings = await Settings.getInstance();
document.addEventListener('astro:after-swap', async () => {
settings.theme()
window.settings.theme()
});
</script>

2
src/layouts/Layout.astro
View file

@ -19,7 +19,7 @@ import Header from "@components/Header.astro";
</head>
<body class="h-full w-full bg-(--background) font-override">
<Header />
<div class="h-full w-full fixed bg-(--background)">
<div class="h-full w-full fixed bg-(--background) text-(--foreground)">
<slot />
</div>
</body>

12
src/pages/index.astro
View file

@ -1,7 +1,17 @@
---
import Layout from '@layouts/Layout.astro';
import { Icon } from 'astro-icon/components';
---
<Layout>
<h1> E </h1>
<div class="h-full flex items-center justify-center">
<div class="flex items-center gap-2">
<Icon name="lucide:radius" class="h-16 w-16 rotate-180 text-(--foreground)" />
<h1 class="text-6xl font-semibold">Radius</h1>
</div>
<div>
<!-- text input here from shadcn (soon) -->
<p>more coming soon (trust)</p>
</div>
</div>
</Layout>