fix: whitespace wrapping issue

hakula139 · Dec 21, 2021 · 51cf635 · 51cf635
1 parent f481022
commit 51cf635
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/components.d.ts b/components.d.ts
@@ -7,10 +7,12 @@ declare module 'vue' {
     AButton: typeof import('ant-design-vue/es')['Button'];
     ACard: typeof import('ant-design-vue/es')['Card'];
     AInputNumber: typeof import('ant-design-vue/es')['InputNumber'];
+    ALayout: typeof import('ant-design-vue/es')['Layout'];
+    ALayoutContent: typeof import('ant-design-vue/es')['LayoutContent'];
+    AModal: typeof import('ant-design-vue/es')['Modal'];
     ArithProblemListItem: typeof import('./src/components/ArithProblemListItem.vue')['default'];
     ArithProblemsCard: typeof import('./src/components/ArithProblemsCard.vue')['default'];
     ASpace: typeof import('ant-design-vue/es')['Space'];
-    ClockCircleOutlined: typeof import('@ant-design/icons-vue')['ClockCircleOutlined'];
     TimeCounter: typeof import('./src/components/TimeCounter.vue')['default'];
   }
 }

diff --git a/src/components/ArithProblemsCard.vue b/src/components/ArithProblemsCard.vue
@@ -9,10 +9,11 @@
       direction="vertical"
     >
       <a-space size="large">
-        <span>Please input the number of problems:</span>
+        <span class="text-lg whitespace-nowrap">Please input the number of problems:</span>
         <a-input-number
           id="problemsCount"
           v-model:value="problems.count"
+          class="text-lg"
           :min="1"
         />
         <a-button @click="generateProblems">

diff --git a/src/components/TimeCounter.vue b/src/components/TimeCounter.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="text-gray-500">Timer: {{ currentTime() }}</span>
+  <span class="text-gray-500 whitespace-nowrap">Timer: {{ currentTime() }}</span>
 </template>
 
 <script setup lang="ts">