From a332d9365fcf74f2a20dcc95bee6df0aa8b639db Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 24 Dec 2025 10:35:23 +0000
Subject: [PATCH] Improve font size initialization and style organization

Co-authored-by: Sunwuyuan <88357633+Sunwuyuan@users.noreply.github.com>
---
 src/components/HitokotoCard.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/HitokotoCard.vue b/src/components/HitokotoCard.vue
index 3bb718f..5985fe8 100644
--- a/src/components/HitokotoCard.vue
+++ b/src/components/HitokotoCard.vue
@@ -15,14 +15,12 @@
       <div
         class="font-weight-medium mb-4 serif-font"
         :style="contentStyle"
-        style="white-space: pre-wrap; line-height: 1.6; text-align: left;"
       >
         {{ sentence }}
       </div>
       <div
         class="text-medium-emphasis serif-font"
         :style="authorStyle"
-        style="text-align: left;"
       >
         <span
           v-if="author"
@@ -68,19 +66,23 @@ export default {
       loading: false,
       timer: null,
       unwatch: null,
-      fontSize: 28
+      fontSize: SettingsManager.getSetting('font.size')
     }
   },
   computed: {
     contentStyle() {
       return {
-        'font-size': `${this.fontSize}px`
+        'font-size': `${this.fontSize}px`,
+        'white-space': 'pre-wrap',
+        'line-height': '1.6',
+        'text-align': 'left'
       }
     },
     authorStyle() {
       // Author font size is 60% of the main font size
       return {
-        'font-size': `${this.fontSize * 0.6}px`
+        'font-size': `${this.fontSize * 0.6}px`,
+        'text-align': 'left'
       }
     }
   },