From bf67d702dceefdfd32b9b104b32039ac89f831d1 Mon Sep 17 00:00:00 2001
From: Koha9 <36852125+Koha9@users.noreply.github.com>
Date: Sun, 13 Jul 2025 07:07:41 +0900
Subject: [PATCH] Center toast and add glass style

---
 app/static/styles.css   | 8 +++++++-
 app/templates/base.html | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index f23944f..08bc6df 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -1,3 +1,9 @@
 .custom-sidebar {
     max-width: 300px !important; /* 设置最大宽度为 300px */
-}
\ No newline at end of file
+}
+
+/* Toast with frosted glass effect */
+.glass-toast {
+    backdrop-filter: blur(8px);
+    background-color: rgba(var(--bs-body-bg-rgb), 0.75) !important;
+}
diff --git a/app/templates/base.html b/app/templates/base.html
index 6921acf..9be36ef 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -88,8 +88,8 @@
                 {% block content %}{% endblock %}
             </main>
             {% if message %}
-            <div class="position-fixed top-0 start-50 translate-middle-x p-3" style="z-index: 1055; margin-top: 20px;">
-                <div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0" role="alert" aria-live="assertive" aria-atomic="true">
+            <div class="position-fixed top-0 start-50 translate-middle-x p-3 w-75" style="z-index: 1055; margin-top: 20px;">
+                <div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0 glass-toast w-100" role="alert" aria-live="assertive" aria-atomic="true">
                     <div class="d-flex">
                         <div class="toast-body">
                             {{ message }}