fix: default font size fix + reenabled debug on game splash screen (#129

)
liana-p · Jul 15, 2023 · 3b945a3 · 3b945a3
1 parent fa2a9f4
commit 3b945a3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/packages/narrat/examples/games/default/data/config.yaml b/packages/narrat/examples/games/default/data/config.yaml
@@ -23,6 +23,7 @@ settings:
       defaultValue: Someone
       description: The name of the player. (not actually used, this is just to test custom settings)
 layout:
+  defaultFontSize: 16
   backgrounds:
     # Default was 880 x 720
     width: 1280

diff --git a/packages/narrat/src/components/game-splash/game-splash.vue b/packages/narrat/src/components/game-splash/game-splash.vue
@@ -54,9 +54,9 @@ onMounted(() => {
       },
     },
   });
-  // if (main.options.debug) {
-  //   goToMainMenu();
-  // }
+  if (main.options.debug) {
+    goToMainMenu();
+  }
 });
 onUnmounted(() => {
   if (inputListener.value) {

diff --git a/packages/narrat/src/stores/rendering-store.ts b/packages/narrat/src/stores/rendering-store.ts
@@ -2,6 +2,7 @@ import { aspectRatioFit } from '@/utils/helpers';
 import { acceptHMRUpdate, defineStore } from 'pinia';
 import { getConfig, getDialogPanelWidth } from '../config';
 import { useMain } from './main-store';
+import { useSettings } from './settings-store';
 
 export interface RenderingState {
   screenWidth: number;
@@ -22,10 +23,12 @@ export const useRenderingStore = defineStore('rendering', {
       this.screenWidth = width;
       if (width < getConfig().layout.verticalLayoutThreshold) {
         this.layoutMode = 'vertical';
-        document.querySelector('html')!.style.fontSize = '40px';
+        document.querySelector('html')!.style.fontSize =
+          `${useSettings().baseSettings.fontSize}px` ?? '40px';
       } else {
         this.layoutMode = 'horizontal';
-        document.querySelector('html')!.style.fontSize = '16px';
+        document.querySelector('html')!.style.fontSize =
+          `${useSettings().baseSettings.fontSize}px` ?? '16px';
       }
     },
   },