From 14f6a468ef5e557cfe245685629b3e97d637dab3 Mon Sep 17 00:00:00 2001
From: Jerry Yan <792602257@qq.com>
Date: Tue, 9 Dec 2025 11:57:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/danmaku/index.blade.php       |  4 +--
 .../views/danmaku/search_index.blade.php      |  4 +--
 resources/views/index.blade.php               |  4 +--
 resources/views/program/index.blade.php       | 26 +++++++++----------
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/resources/views/danmaku/index.blade.php b/resources/views/danmaku/index.blade.php
index 719fb99..af978c7 100644
--- a/resources/views/danmaku/index.blade.php
+++ b/resources/views/danmaku/index.blade.php
@@ -14,9 +14,9 @@
                 <label for="keyword" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">查找视频标题</label>
                 <div class="relative flex items-center">
                     <input type="text" name="keyword" id="keyword" value="{{$keyword}}" 
-                           class="block w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
+                           class="block flex-1 w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
                            placeholder="输入关键词，空格隔开...">
-                    <button type="submit" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
+                    <button type="submit" class="inline-flex flex-shrink-0 whitespace-nowrap items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
                         搜索
                     </button>
                 </div>
diff --git a/resources/views/danmaku/search_index.blade.php b/resources/views/danmaku/search_index.blade.php
index d1e5c41..9213056 100644
--- a/resources/views/danmaku/search_index.blade.php
+++ b/resources/views/danmaku/search_index.blade.php
@@ -26,9 +26,9 @@
             <label for="keyword" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">查找弹幕关键词 / 用户名</label>
             <div class="relative flex items-center">
                 <input type="text" name="keyword" id="keyword" value="{{$keyword}}" 
-                       class="block w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
+                       class="block flex-1 w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
                        placeholder="输入内容或用户名...">
-                <button type="submit" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
+                <button type="submit" class="inline-flex flex-shrink-0 whitespace-nowrap items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
                     搜索
                 </button>
             </div>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index d1baa90..c1f3b4a 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -14,9 +14,9 @@
             <label for="keyword" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">查找节目单关键词</label>
             <div class="relative flex items-center">
                 <input type="text" name="keyword" id="keyword" value="{{$keyword}}" 
-                       class="block w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
+                       class="block flex-1 w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
                        placeholder="输入关键词，空格隔开...">
-                <button type="submit" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
+                <button type="submit" class="inline-flex flex-shrink-0 whitespace-nowrap items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
                     搜索
                 </button>
             </div>
diff --git a/resources/views/program/index.blade.php b/resources/views/program/index.blade.php
index 015eaa4..1c5ff0c 100644
--- a/resources/views/program/index.blade.php
+++ b/resources/views/program/index.blade.php
@@ -21,35 +21,35 @@
 </div>
 
 <main class="flex-grow container mx-auto px-4 sm:px-6 lg:px-8 py-8">
-    <div class="max-w-7xl mx-auto">
+    <div class="max-w-5xl mx-auto">
         <!-- Search Form -->
         <form class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow-sm mb-8 transition-colors duration-200" action="">
             <label for="keyword" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">查找节目关键词</label>
             <div class="relative flex items-center">
                 <input type="text" name="keyword" id="keyword" value="{{$keyword}}" 
-                       class="block w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
+                       class="block flex-1 w-full rounded-l-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-3" 
                        placeholder="支持通过点播老板或追加内容搜索...">
-                <button type="submit" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
+                <button type="submit" class="inline-flex flex-shrink-0 whitespace-nowrap items-center px-6 py-3 border border-transparent text-base font-medium rounded-r-lg shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors duration-200">
                     搜索
                 </button>
             </div>
         </form>
 
         <!-- Desktop Table -->
-        <div class="hidden lg:block bg-white dark:bg-gray-800 shadow overflow-hidden rounded-lg">
+        <div class="hidden lg:block bg-white dark:bg-gray-800 shadow rounded-lg">
             <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
-                <thead class="bg-gray-50 dark:bg-gray-700">
+                <thead class="bg-gray-50 dark:bg-gray-700 sticky top-16 z-40 shadow-sm">
                     <tr>
-                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider w-1/4">节目名称</th>
-                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider w-1/4">点播及追加</th>
-                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider w-1/4">节目开始</th>
-                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider w-1/4">节目结束</th>
+                        <th scope="col" class="px-6 py-3 text-left text-base font-bold text-gray-700 dark:text-gray-200 uppercase tracking-wider w-1/3">节目名称</th>
+                        <th scope="col" class="px-6 py-3 text-left text-base font-bold text-gray-700 dark:text-gray-200 uppercase tracking-wider w-1/3">点播及追加</th>
+                        <th scope="col" class="px-6 py-3 text-left text-base font-bold text-gray-700 dark:text-gray-200 uppercase tracking-wider w-1/6">节目开始</th>
+                        <th scope="col" class="px-6 py-3 text-left text-base font-bold text-gray-700 dark:text-gray-200 uppercase tracking-wider w-1/6">节目结束</th>
                     </tr>
                 </thead>
                 <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                     @foreach($programs as $program)
                         <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
-                            <td class="px-6 py-4 align-top">
+                            <td class="px-6 py-4 align-top w-1/3">
                                 @auth("web")
                                     <a href="{{route("program.construct.edit", ["program"=>$program->id])}}" class="text-indigo-600 hover:text-indigo-900 text-xs mb-1 block">编辑</a>
                                 @endauth
@@ -63,14 +63,14 @@
                                     @endif
                                 </a>
                             </td>
-                            <td class="px-6 py-4 align-top text-sm text-gray-500 dark:text-gray-400">
+                            <td class="px-6 py-4 align-top text-sm text-gray-500 dark:text-gray-400 w-1/3">
                                 @foreach($program->appends as $append)
                                     <div class="mb-2">
                                         <x-append :append="$append"></x-append>
                                     </div>
                                 @endforeach
                             </td>
-                            <td class="px-6 py-4 align-top text-sm">
+                            <td class="px-6 py-4 align-top text-sm w-1/6">
                                 @foreach($program->video_pivots as $video_pivot)
                                     <div class="mb-4">
                                         <x-links.video_link :bvid="$video_pivot->video_bvid" :part="$video_pivot->start_part" :time="$video_pivot->start_time">
@@ -85,7 +85,7 @@
                                     </div>
                                 @endforeach
                             </td>
-                            <td class="px-6 py-4 align-top text-sm">
+                            <td class="px-6 py-4 align-top text-sm w-1/6">
                                 @foreach($program->video_pivots as $video_pivot)
                                     <div class="mb-4">
                                         <x-links.video_link :bvid="$video_pivot->video_bvid" :part="$video_pivot->stop_part" :time="$video_pivot->stop_time">