app.config.ts

@@ -1,5 +0,0 @@
-export default defineAppConfig({
-	title: "Gorb",
-    buildTimeString: new Date().toISOString(),
-    gitHash: process.env.GIT_SHORT_REV || "N/A"
-})

pages/settings.vue

@@ -2,8 +2,8 @@
   <div id="settings-page-container">
     <div id="settings-page">
       <div id="sidebar">
+        <h4>(Search bar here)</h4>
         <ul>
-          <!-- categories and dynamic settings pages -->
           <div v-for="category in categories" :key="category.displayName">
             <h2>{{ category.displayName }}</h2>
             <li v-for="page in category.pages" :key="page.displayName" @click="selectCategory(page)"
@@ -13,22 +13,7 @@
             <span class="spacer"></span>
           </div>
 
-          <p>
           <Button text="Log Out" :callback=logout variant="scary"></Button>
-          </p>
-          <span class="spacer"></span>
-
-          <p id="links-and-socials">
-            <NuxtLink href="https://git.gorb.app/gorb/frontend" title="Source"><Icon name="lucide:git-branch-plus" /></NuxtLink>
-            <NuxtLink href="https://docs.gorb.app" title="Backend Documentation"><Icon name="lucide:book-open-text" /></NuxtLink>
-          </p>
-          
-          <p style="font-size: .8em; color: var(--secondary-text-color)">
-            Version Hash: {{ appConfig.gitHash }}
-            <br>
-            Build Time: {{ appConfig.buildTimeString }}
-          </p>
-
         </ul>
       </div>
       <div id="sub-page">
@@ -44,8 +29,6 @@ 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 :(
@@ -120,7 +103,7 @@ function selectCategory(page: Page) {
   background-color: var(--sidebar-background-color);
   color: var(--text-color);
   padding: 1dvh 1dvw;
-  margin-left: 0;
+  margin-left: auto;
 
   overflow-y: auto;
   height: 100vh;
@@ -145,10 +128,6 @@ function selectCategory(page: Page) {
   transition: background-color 0.3s;
 }
 
-#sidebar p {
-  margin: 2dvh 0.8dvw;
-}
-
 .sidebar-focus {
   background-color: var(--sidebar-highlighted-background-color);
 }
@@ -168,15 +147,11 @@ 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(--padding-color);
+  background-color: var(--spacing-color);
 }
 
 /* applies to child pages too */