From ff9fdc79829ed480f1c80b4d8d5ff9c957051e39 Mon Sep 17 00:00:00 2001
From: aki <aki@mailserver.opossum-arcturus.ts.net>
Date: Tue, 8 Apr 2025 11:50:18 +0800
Subject: [PATCH] style: Different styled headers

---
 src/pages/DashboardPage.ts | 2 +-
 src/style.css              | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/DashboardPage.ts b/src/pages/DashboardPage.ts
index 9b6c4eb..9dd6f99 100644
--- a/src/pages/DashboardPage.ts
+++ b/src/pages/DashboardPage.ts
@@ -9,7 +9,7 @@ class WelcomeWidget extends Widget {
         const widgetDiv = createElement('div');
         widgetDiv.classList.add('widget', 'welcome-widget');
         widgetDiv.innerHTML = `
-            <div class="widget-header">Welcome to the Dashboard</div>
+            <div class="widget-header centered-header">Welcome to the Dashboard</div>
             <div class="widget-body">
                 This is your dashboard. More widgets will be added here.
             </div>
diff --git a/src/style.css b/src/style.css
index 30b1b87..12ebfbc 100644
--- a/src/style.css
+++ b/src/style.css
@@ -58,8 +58,12 @@ body {
     border-radius: 5px;
 }
 
-.widget-header {
+.centered-header {
     font-size: 24px;
+    text-align: center;
+}
+
+.widget-header {
     margin-bottom: 10px;
     font-weight: bold;
 }