You've already forked lubo_comment_query
样式2
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user