Updates branding to StylePoint

.vscode/extensions.json

@@ -1,8 +1,6 @@
 {
   "recommendations": [
-    "editorconfig.editorconfig",
+    "prisma.prisma"
-    "vue.volar",
-    "wayou.vscode-todo-highlight"
   ],
   "unwantedRecommendations": [
     "octref.vetur",

README.md

@@ -1,6 +1,6 @@
-# STS Forms (forms-app)
+# StylePoint
 
-Custom forms application for StyleTech
+Multi-functional internal tool for StyleTech
 
 ## Install the dependencies
 ```bash

package.json

@@ -1,8 +1,8 @@
 {
-  "name": "forms-app",
+  "name": "stylepoint",
   "version": "0.0.1",
-  "description": "Custom forms application for StyleTech",
+  "description": "Multi-functional internal tool for StyleTech",
-  "productName": "STS Forms",
+  "productName": "StylePoint",
   "author": "Cameron Redmore <cameron@redmore.me>",
   "type": "module",
   "private": true,

quasar.config.js

@@ -189,7 +189,7 @@ export default defineConfig((/* ctx */) => {
       builder: {
         // https://www.electron.build/configuration/configuration
 
-        appId: 'forms-app'
+        appId: 'stylepoint'
       }
     },
 

src/css/app.scss

@@ -1 +1,7 @@
 // app global css in SCSS form
+
+@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
+
+html, body {
+    font-family: 'Exo 2', sans-serif;
+}

src/layouts/MainLayout.vue

@@ -1,35 +1,26 @@
 <template>
-  <q-layout view="lHh Lpr lFf">
+  <q-layout view="hHh Lpr lFf">
-    <q-header elevated>
-      <q-toolbar>
-        <q-btn
-          flat
-          dense
-          round
-          icon="menu"
-          aria-label="Menu"
-          @click="toggleLeftDrawer"
-        />
-
-        <q-toolbar-title>
-          Form Builder App
-        </q-toolbar-title>
-      </q-toolbar>
-    </q-header>
-
     <q-drawer
-      v-model="leftDrawerOpen"
+      :mini="!leftDrawerOpen"
-      show-if-above
+      mini-to-overlay
       bordered
+      persistent
+      :model-value="true"
     >
       <q-list>
-        <q-item-label
+        <q-item clickable v-ripple @click="toggleLeftDrawer">
-          header
+          <q-item-section avatar>
-        >
+            <q-icon name="menu"/>
-          Navigation
+          </q-item-section>
-        </q-item-label>
+          <q-item-section>
+            <q-item-label class="text-h6">StylePoint</q-item-label>
+          </q-item-section>
+        </q-item>
 
         <q-item clickable v-ripple :to="{ name: 'formList' }" exact>
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Forms</span>
+          </q-tooltip>
           <q-item-section avatar>
             <q-icon name="list_alt" />
           </q-item-section>
@@ -39,22 +30,15 @@
           </q-item-section>
         </q-item>
 
-        <q-item clickable v-ripple :to="{ name: 'formCreate' }" exact>
-          <q-item-section avatar>
-            <q-icon name="add_circle_outline" />
-          </q-item-section>
-          <q-item-section>
-            <q-item-label>Create Form</q-item-label>
-            <q-item-label caption>Create a new form</q-item-label>
-          </q-item-section>
-        </q-item>
-
         <q-item
           clickable
           v-ripple
           :to="{ name: 'mantisSummaries' }"
           exact
         >
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Mantis Summaries</span>
+          </q-tooltip>
           <q-item-section avatar>
             <q-icon name="summarize" />
           </q-item-section>
@@ -70,6 +54,9 @@
           :to="{ name: 'emailSummaries' }"
           exact
         >
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Email Summaries</span>
+          </q-tooltip>
           <q-item-section avatar>
             <q-icon name="email" />
           </q-item-section>
@@ -83,6 +70,9 @@
           clickable
           to="/settings" exact
         >
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Settings</span>
+          </q-tooltip>
           <q-item-section
             avatar
           >

src/pages/FormCreatePage.vue

@@ -36,16 +36,16 @@
                     <q-input v-model="field.description" outlined dense label="Field Description (Optional)" autogrow
                         class="q-mt-xs q-mb-xl" hint="This description will appear below the field label on the form." />
                 </div>
-                <q-btn outline color="primary" label="Add Field" @click="addField(catIndex)" class="q-ml-md q-mt-sm" />
+                <q-btn color="primary" label="Add Field" @click="addField(catIndex)" class="q-ml-md q-mt-sm" />
             </div>
 
-            <q-btn outline color="secondary" label="Add Category" @click="addCategory" />
+            <q-btn color="secondary" label="Add Category" @click="addCategory" />
 
             <q-separator class="q-my-lg" />
 
             <div>
-                <q-btn outline label="Create Form" type="submit" color="primary" :loading="submitting" />
+                <q-btn label="Create Form" type="submit" color="primary" :loading="submitting" />
-                <q-btn outline label="Cancel" type="reset" color="warning" class="q-ml-sm" :to="{ name: 'formList' }" />
+                <q-btn label="Cancel" type="reset" color="warning" class="q-ml-sm" :to="{ name: 'formList' }" />
             </div>
         </q-form>
     </q-page>

src/pages/MantisSummariesPage.vue

@@ -187,6 +187,7 @@ onMounted(() => {
 .markdown-content :deep(a) {
   color: var(--q-primary);
   text-decoration: none;
+  font-weight: 600;
 }
 
 .markdown-content :deep(a:hover) {