Changes to fix UI for mobile and/or small screens

jbuckmccready · Aug 10, 2023 · bb4e179 · bb4e179
1 parent e84d846
commit bb4e179
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -21,11 +21,9 @@ const pageStyleFn = (offset: number) => {
             </svg>
           </q-icon>
         </q-btn>
-        <!-- <q-toolbar-title> Cavalier Contours </q-toolbar-title> -->
-        <span class="text-h6"> Cavalier Contours </span>
         <q-separator vertical spaced />
 
-        <q-tabs align="left" dense>
+        <q-tabs align="left" outside-arrows dense shrink>
           <q-route-tab
             v-for="route in mainRoutes"
             :key="route.path"

diff --git a/frontend/src/components/canvas_scene/scene_renderer.ts b/frontend/src/components/canvas_scene/scene_renderer.ts
@@ -18,7 +18,7 @@ export enum SimpleColors {
   Fuchsia = 0xc026d3,
 }
 
-export const VERTEX_DIM = 10;
+export const VERTEX_DIM = 20;
 export const HIT_DELTA = VERTEX_DIM / 2;
 export const COLORS = [
   SimpleColors.Red,

diff --git a/frontend/src/components/pages/AboutPage.vue b/frontend/src/components/pages/AboutPage.vue
@@ -10,6 +10,7 @@ const links = [
 
 <template>
   <div class="max-w-lg m-auto">
+    <span class="text-h6">Cavalier Contours Web Demo</span>
     <p>
       This is a web demo app for visualizing, testing, and documenting the
       <a href="https://github.com/jbuckmccready/cavalier_contours" target="_blank" rel="noopener"