@@ -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 */