统一页面样式：节目画面页布局与 dark 模式、表单错误提示条

2026-07-30 07:58:33 +08:00
parent 8914a2a609
commit 811d6d4dfd
5 changed files with 103 additions and 74 deletions
@@ -1,5 +1,14 @@
@if($errors->any())
-    @foreach ($errors->all() as $error)
-        <div class="bg-red-600 text-white">错误：{{ $error }}</div>
-    @endforeach
+    <div class="rounded-lg bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-900/50 p-4 space-y-2">
+        @foreach ($errors->all() as $error)
+            <div class="flex">
+                <div class="flex-shrink-0">
+                    <svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
+                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
+                    </svg>
+                </div>
+                <p class="ml-3 text-sm text-red-700 dark:text-red-300">错误：{{ $error }}</p>
+            </div>
+        @endforeach
+    </div>
@endif