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>
|
<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">
|
<div class="relative flex items-center">
|
||||||
<input type="text" name="keyword" id="keyword" value="{{$keyword}}"
|
<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="输入关键词,空格隔开...">
|
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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -26,9 +26,9 @@
|
|||||||
<label for="keyword" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">查找弹幕关键词 / 用户名</label>
|
<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">
|
<div class="relative flex items-center">
|
||||||
<input type="text" name="keyword" id="keyword" value="{{$keyword}}"
|
<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="输入内容或用户名...">
|
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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -14,9 +14,9 @@
|
|||||||
<label for="keyword" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">查找节目单关键词</label>
|
<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">
|
<div class="relative flex items-center">
|
||||||
<input type="text" name="keyword" id="keyword" value="{{$keyword}}"
|
<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="输入关键词,空格隔开...">
|
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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -21,35 +21,35 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<main class="flex-grow container mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
<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 -->
|
<!-- Search Form -->
|
||||||
<form class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow-sm mb-8 transition-colors duration-200" action="">
|
<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>
|
<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">
|
<div class="relative flex items-center">
|
||||||
<input type="text" name="keyword" id="keyword" value="{{$keyword}}"
|
<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="支持通过点播老板或追加内容搜索...">
|
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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<!-- Desktop Table -->
|
<!-- 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">
|
<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>
|
<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-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-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-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/6">节目开始</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/6">节目结束</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
|
<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
|
||||||
@foreach($programs as $program)
|
@foreach($programs as $program)
|
||||||
<tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
|
<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")
|
@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>
|
<a href="{{route("program.construct.edit", ["program"=>$program->id])}}" class="text-indigo-600 hover:text-indigo-900 text-xs mb-1 block">编辑</a>
|
||||||
@endauth
|
@endauth
|
||||||
@@ -63,14 +63,14 @@
|
|||||||
@endif
|
@endif
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</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)
|
@foreach($program->appends as $append)
|
||||||
<div class="mb-2">
|
<div class="mb-2">
|
||||||
<x-append :append="$append"></x-append>
|
<x-append :append="$append"></x-append>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
</td>
|
</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)
|
@foreach($program->video_pivots as $video_pivot)
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<x-links.video_link :bvid="$video_pivot->video_bvid" :part="$video_pivot->start_part" :time="$video_pivot->start_time">
|
<x-links.video_link :bvid="$video_pivot->video_bvid" :part="$video_pivot->start_part" :time="$video_pivot->start_time">
|
||||||
@@ -85,7 +85,7 @@
|
|||||||
</div>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
</td>
|
</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)
|
@foreach($program->video_pivots as $video_pivot)
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<x-links.video_link :bvid="$video_pivot->video_bvid" :part="$video_pivot->stop_part" :time="$video_pivot->stop_time">
|
<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