orion/FileCodeBoxFronted
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:后台设置页面

Browse Source
This commit is contained in:
Lan
2024-11-23 16:39:42 +08:00
parent bb79c66ced
commit 9693f3d329
15 changed files with 2313 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/retrievew/FileDetailsModal.vue
+5 -5
View File
@@ -19,18 +19,19 @@
<XIcon class="h-6 w-6" :class="[isDarkMode ? 'text-white' : 'text-gray-900']" />
</button>
</div>
<div class="space-y-6">
<div class="flex items-center space-x-4">
<FileIcon class="h-12 w-12 text-indigo-500" />
<div>
<h4 class="font-medium" :class="[isDarkMode ? 'text-white' : 'text-gray-900']">
<h4
class="font-medium truncate"
:class="[isDarkMode ? 'text-white' : 'text-gray-900']"
>
{{ record.filename }}
</h4>
<p class="text-sm text-gray-500">{{ record.size }}</p>
<p class="text-sm text-gray-500 truncate">{{ record.size }}</p>
</div>
</div>
<div class="space-y-4">
<div class="flex items-center space-x-3">
<CalendarIcon class="h-5 w-5 text-gray-400" />
@@ -45,7 +46,6 @@
</span>
</div>
</div>
<div class="flex justify-center">
<QRCode
:value="baseUrl + '/retrieve/' + record.code"
src/components/retrievew/HistoryDrawer.vue
+21 -9
View File
@@ -32,7 +32,10 @@
>
<div class="flex items-start justify-between">
<div class="flex items-center space-x-3">
<FileIcon class="h-5 w-5 text-indigo-500" />
<FileIcon
class="h-5 w-5 text-indigo-500"
:class="[record.type === 'text' ? 'text-purple-500' : 'text-indigo-500']"
/>
<div>
<h3
class="font-medium truncate max-w-[200px]"
@@ -46,8 +49,12 @@
<div class="flex space-x-2">
<button
@click="$emit('view-details', record)"
class="p-2 rounded-lg transition duration-300"
:class="[isDarkMode ? 'hover:bg-gray-700' : 'hover:bg-gray-100']"
class="p-2 rounded-full hover:bg-opacity-20 transition duration-300"
:class="[
isDarkMode
? 'hover:bg-indigo-400 text-indigo-400'
: 'hover:bg-indigo-100 text-indigo-600'
]"
>
<EyeIcon
class="h-4 w-4"
@@ -56,7 +63,12 @@
</button>
<button
@click="$emit('download', record)"
class="p-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition duration-300"
class="p-2 rounded-full hover:bg-opacity-20 transition duration-300"
:class="[
isDarkMode
? 'hover:bg-green-400 text-green-400'
: 'hover:bg-green-100 text-green-600'
]"
>
<DownloadIcon
class="h-4 w-4"
@@ -65,12 +77,12 @@
</button>
<button
@click="$emit('delete', record)"
class="p-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition duration-300"
class="p-2 rounded-full hover:bg-opacity-20 transition duration-300"
:class="[
isDarkMode ? 'hover:bg-red-400 text-red-400' : 'hover:bg-red-100 text-red-600'
]"
>
<TrashIcon
class="h-4 w-4"
:class="[isDarkMode ? 'text-gray-400' : 'text-gray-600']"
/>
<TrashIcon class="h-4 w-4" />
</button>
</div>
</div>