diff --git a/app.config.ts b/app.config.ts new file mode 100644 index 0000000..11f7f7c --- /dev/null +++ b/app.config.ts @@ -0,0 +1,5 @@ +export default defineAppConfig({ + title: "Gorb", + buildTimeString: new Date().toISOString(), + gitHash: process.env.GIT_SHORT_REV || "N/A" +}) diff --git a/pages/settings.vue b/pages/settings.vue index 991d046..cc694a9 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -2,8 +2,8 @@
@@ -29,6 +44,8 @@ import Button from '~/components/Button.vue'; const { logout } = useAuth() +const appConfig = useAppConfig() + interface Page { displayName: string; pageData: any; // is actually Component but TS is yelling at me :( @@ -103,7 +120,7 @@ function selectCategory(page: Page) { background-color: var(--sidebar-background-color); color: var(--text-color); padding: 1dvh 1dvw; - margin-left: auto; + margin-left: 0; overflow-y: auto; height: 100vh; @@ -128,6 +145,10 @@ function selectCategory(page: Page) { transition: background-color 0.3s; } +#sidebar p { + margin: 2dvh 0.8dvw; +} + .sidebar-focus { background-color: var(--sidebar-highlighted-background-color); } @@ -147,11 +168,15 @@ function selectCategory(page: Page) { height: 100vh; } +#links-and-socials * { + margin-right: 0.2em; +} + .spacer { height: 0.2dvh; display: block; margin: 0.8dvh 1dvw; - background-color: var(--spacing-color); + background-color: var(--padding-color); } /* applies to child pages too */