Ma/LunaTV
1
0
Fork 0
mirror of https://github.com/MoonTechLab/LunaTV.git synced 2026-05-21 05:27:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: adjust admin mobile ui

Browse Source
This commit is contained in:
shinya
2025-08-25 23:50:01 +08:00
parent 7bcd6f705b
commit 01ce6fc835
1 changed files with 32 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/app/admin/page.tsx
View File

@@ -2503,17 +2503,18 @@ const VideoSourceConfig = ({
return ( return (
<div className='space-y-6'> <div className='space-y-6'>
{/* 添加视频源表单 */} {/* 添加视频源表单 */}
<div className='flex items-center justify-between'> <div className='flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4'>
<h4 className='text-sm font-medium text-gray-700 dark:text-gray-300'> <h4 className='text-sm font-medium text-gray-700 dark:text-gray-300'>
视频源列表 视频源列表
</h4> </h4>
<div className='flex items-center space-x-2'> <div className='flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-2'>
{/* 批量操作按钮 */} {/* 批量操作按钮 - 移动端显示在下一行，PC端显示在左侧 */}
{selectedSources.size > 0 && ( {selectedSources.size > 0 && (
<> <>
<div className='flex items-center space-x-3'> <div className='flex flex-wrap items-center gap-3 order-2 sm:order-1'>
<span className='text-sm text-gray-600 dark:text-gray-400'> <span className='text-sm text-gray-600 dark:text-gray-400'>
已选择 {selectedSources.size} 个视频源 <span className='sm:hidden'>已选 {selectedSources.size}</span>
<span className='hidden sm:inline'>已选择 {selectedSources.size} 个视频源</span>
</span> </span>
<button <button
onClick={() => handleBatchOperation('batch_enable')} onClick={() => handleBatchOperation('batch_enable')}
@@ -2537,32 +2538,34 @@ const VideoSourceConfig = ({
{isLoading('batchSource_batch_delete') ? '删除中...' : '批量删除'} {isLoading('batchSource_batch_delete') ? '删除中...' : '批量删除'}
</button> </button>
</div> </div>
<div className='w-px h-6 bg-gray-300 dark:bg-gray-600'></div> <div className='hidden sm:block w-px h-6 bg-gray-300 dark:bg-gray-600 order-2'></div>
</> </>
)} )}
<button <div className='flex items-center gap-2 order-1 sm:order-2'>
onClick={() => setShowValidationModal(true)} <button
disabled={isValidating} onClick={() => setShowValidationModal(true)}
className={`px-3 py-1 text-sm rounded-lg transition-colors flex items-center space-x-1 ${isValidating disabled={isValidating}
? buttonStyles.disabled className={`px-3 py-1 text-sm rounded-lg transition-colors flex items-center space-x-1 ${isValidating
: buttonStyles.primary ? buttonStyles.disabled
}`} : buttonStyles.primary
> }`}
{isValidating ? ( >
<> {isValidating ? (
<div className='w-3 h-3 border border-white border-t-transparent rounded-full animate-spin'></div> <>
<span>检测中...</span> <div className='w-3 h-3 border border-white border-t-transparent rounded-full animate-spin'></div>
</> <span>检测中...</span>
) : ( </>
'有效性检测' ) : (
)} '有效性检测'
</button> )}
<button </button>
onClick={() => setShowAddForm(!showAddForm)} <button
className={showAddForm ? buttonStyles.secondary : buttonStyles.success} onClick={() => setShowAddForm(!showAddForm)}
> className={showAddForm ? buttonStyles.secondary : buttonStyles.success}
{showAddForm ? '取消' : '添加视频源'} >
</button> {showAddForm ? '取消' : '添加视频源'}
</button>
</div>
</div> </div>
</div> </div>