fix: WordArt input font-family

devlzl · Feb 11, 2024 · 896031f · 896031f
1 parent df4a8e3
commit 896031f
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/BlockHub/WordArtBlock/WordArt.vue b/src/BlockHub/WordArtBlock/WordArt.vue
@@ -75,10 +75,19 @@ onMounted(() => {
     <input
       v-if="editing"
       ref="inputRef"
-      :style="{ fontSize: `75px`, width: '100%', height: '100%', padding: '4px' }"
       @blur="save($event)"
       @keydown="(event) => event.key === 'Enter' && save(event)"
     />
     <canvas v-else ref="canvasRef" :style="{ width: '100%', height: '100%' }"></canvas>
   </div>
 </template>
+
+<style scoped lang="scss">
+input {
+  width: 100%;
+  height: 100%;
+  padding: 4px;
+  font-family: 'WordArt';
+  font-size: 75px;
+}
+</style>