chore(deps): bump tailwindcss to v4
This commit is contained in:
@@ -323,7 +323,7 @@ const previewVideo = (videoUrl: string, title: string) => {
|
||||
const closeButton = document.createElement('button')
|
||||
closeButton.textContent = '关闭'
|
||||
closeButton.className =
|
||||
'mt-4 px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600'
|
||||
'mt-4 px-4 py-2 bg-gray-500 text-white rounded-sm hover:bg-gray-600'
|
||||
closeButton.onclick = () => {
|
||||
document.body.removeChild(videoModal)
|
||||
}
|
||||
|
||||
@@ -947,7 +947,7 @@ const onCreateSubmit = async (
|
||||
v-if="row.info.opening_url"
|
||||
:src="row.info.opening_url"
|
||||
:alt="row.info.title"
|
||||
class="w-16 h-9 object-cover rounded cursor-pointer hover:opacity-80 transition-opacity"
|
||||
class="w-16 h-9 object-cover rounded-sm cursor-pointer hover:opacity-80 transition-opacity"
|
||||
@click="
|
||||
previewVideo(
|
||||
row.info.opening_file,
|
||||
@@ -989,12 +989,12 @@ const onCreateSubmit = async (
|
||||
v-if="row.opening_url"
|
||||
:src="row.opening_url"
|
||||
alt="片头"
|
||||
class="w-14 h-8 object-cover rounded cursor-pointer hover:opacity-80 transition-opacity ring-1 ring-blue-200 dark:ring-blue-800"
|
||||
class="w-14 h-8 object-cover rounded-sm cursor-pointer hover:opacity-80 transition-opacity ring-1 ring-blue-200 dark:ring-blue-800"
|
||||
@click="previewVideo(row.opening_file, '制作片头预览')"
|
||||
/>
|
||||
<div
|
||||
v-else
|
||||
class="w-14 h-8 bg-blue-100 dark:bg-blue-900/30 rounded flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity"
|
||||
class="w-14 h-8 bg-blue-100 dark:bg-blue-900/30 rounded-sm flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity"
|
||||
@click="previewVideo(row.opening_file, '制作片头预览')"
|
||||
>
|
||||
<UIcon
|
||||
@@ -1015,12 +1015,12 @@ const onCreateSubmit = async (
|
||||
v-if="row.ending_url"
|
||||
:src="row.ending_url"
|
||||
alt="片尾"
|
||||
class="w-14 h-8 object-cover rounded cursor-pointer hover:opacity-80 transition-opacity ring-1 ring-green-200 dark:ring-green-800"
|
||||
class="w-14 h-8 object-cover rounded-sm cursor-pointer hover:opacity-80 transition-opacity ring-1 ring-green-200 dark:ring-green-800"
|
||||
@click="previewVideo(row.ending_file, '制作片尾预览')"
|
||||
/>
|
||||
<div
|
||||
v-else
|
||||
class="w-14 h-8 bg-green-100 dark:bg-green-900/30 rounded flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity"
|
||||
class="w-14 h-8 bg-green-100 dark:bg-green-900/30 rounded-sm flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity"
|
||||
@click="previewVideo(row.ending_file, '制作片尾预览')"
|
||||
>
|
||||
<UIcon
|
||||
@@ -1364,7 +1364,7 @@ const onCreateSubmit = async (
|
||||
v-if="previewVideoUrl"
|
||||
:src="previewVideoUrl"
|
||||
controls
|
||||
class="w-full h-full rounded"
|
||||
class="w-full h-full rounded-sm"
|
||||
/>
|
||||
</div>
|
||||
</UCard>
|
||||
@@ -1395,7 +1395,7 @@ const onCreateSubmit = async (
|
||||
v-if="previewImageUrl"
|
||||
:src="previewImageUrl"
|
||||
:alt="previewImageTitle"
|
||||
class="max-w-full max-h-[70vh] rounded object-contain"
|
||||
class="max-w-full max-h-[70vh] rounded-sm object-contain"
|
||||
/>
|
||||
</div>
|
||||
</UCard>
|
||||
|
||||
@@ -305,14 +305,14 @@ const onAvatarUpload = async (files: FileList) => {
|
||||
? systemAvatarList?.data.items
|
||||
: userAvatarList?.data.items"
|
||||
:key="avatar.model_id || k"
|
||||
class="relative rounded-lg shadow overflow-hidden w-full aspect-[9/16] group"
|
||||
class="relative rounded-lg shadow-sm overflow-hidden w-full aspect-9/16 group"
|
||||
>
|
||||
<NuxtImg
|
||||
:src="avatar.avatar"
|
||||
class="w-full h-full object-cover"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-x-0 bottom-0 p-2 bg-gradient-to-t from-black/50 to-transparent flex gap-2"
|
||||
class="absolute inset-x-0 bottom-0 p-2 bg-linear-to-t from-black/50 to-transparent flex gap-2"
|
||||
>
|
||||
<UBadge
|
||||
color="white"
|
||||
@@ -334,7 +334,7 @@ const onAvatarUpload = async (files: FileList) => {
|
||||
</template>
|
||||
</div>
|
||||
<div
|
||||
class="absolute inset-0 flex flex-col justify-center items-center bg-white/50 dark:bg-neutral-800/50 backdrop-blur opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
class="absolute inset-0 flex flex-col justify-center items-center bg-white/50 dark:bg-neutral-800/50 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
<UButtonGroup>
|
||||
<UButton
|
||||
@@ -376,7 +376,7 @@ const onAvatarUpload = async (files: FileList) => {
|
||||
<template #avatar-data="{ row }">
|
||||
<NuxtImg
|
||||
:src="row.avatar"
|
||||
class="h-16 aspect-[9/16] rounded-lg"
|
||||
class="h-16 aspect-9/16 rounded-lg"
|
||||
/>
|
||||
</template>
|
||||
<template #type-data="{ row }">
|
||||
|
||||
@@ -327,7 +327,7 @@ const onDeleteCat = (cat: PPTCategory) => {
|
||||
class="w-full aspect-video object-cover"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-x-0 bottom-0 p-3 pt-6 flex justify-between items-end bg-gradient-to-t from-black/50 to-transparent"
|
||||
class="absolute inset-x-0 bottom-0 p-3 pt-6 flex justify-between items-end bg-linear-to-t from-black/50 to-transparent"
|
||||
>
|
||||
<div class="space-y-0.5">
|
||||
<h3 class="text-base font-bold text-white">{{ ppt.title }}</h3>
|
||||
|
||||
Reference in New Issue
Block a user