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

1

Browse Source
This commit is contained in:
Lan
2024-10-07 00:53:53 +08:00
parent a7dab00b70
commit f069eb660a
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/RetrievewFileView.vue
+14 -3
View File
@@ -123,7 +123,7 @@
<transition name="drawer"> <transition name="drawer">
<div <div
v-if="showDrawer" v-if="showDrawer"
class="fixed inset-y-0 right-0 w-full sm:w-96 bg-opacity-70 backdrop-filter backdrop-blur-xl shadow-2xl z-50 overflow-hidden flex flex-col" class="fixed inset-y-0 right-0 w-full sm:w-120 bg-opacity-70 backdrop-filter backdrop-blur-xl shadow-2xl z-50 overflow-hidden flex flex-col"
:class="[isDarkMode ? 'bg-gray-900' : 'bg-white']" :class="[isDarkMode ? 'bg-gray-900' : 'bg-white']"
> >
<div <div
@@ -256,7 +256,7 @@
:class="[isDarkMode ? 'text-indigo-400' : 'text-indigo-600']" :class="[isDarkMode ? 'text-indigo-400' : 'text-indigo-600']"
/> />
<p :class="[isDarkMode ? 'text-gray-300' : 'text-gray-800']"> <p :class="[isDarkMode ? 'text-gray-300' : 'text-gray-800']">
<span class="font-medium">内容：</span> <span class="font-medium">文件内容：</span>
</p> </p>
<div v-if="selectedRecord.content" class="ml-2"> <div v-if="selectedRecord.content" class="ml-2">
<button <button
@@ -537,7 +537,11 @@ const showContentPreview = () => {
transform: translate(50px, 50px) scale(1.05); transform: translate(50px, 50px) scale(1.05);
} }
} }
@media (min-width: 640px) {
.sm\:w-120 {
width: 30rem; /* 480px */
}
}
.animate-blob-1 { .animate-blob-1 {
animation: blob 25s infinite; animation: blob 25s infinite;
} }
@@ -611,4 +615,11 @@ const showContentPreview = () => {
:deep(.prose pre) { :deep(.prose pre) {
@apply bg-gray-100 dark:bg-gray-700 rounded p-4 overflow-x-auto; @apply bg-gray-100 dark:bg-gray-700 rounded p-4 overflow-x-auto;
} }
/* 添加新的宽度类 */
@media (min-width: 640px) {
.sm\:w-120 {
width: 30rem; /* 480px */
}
}
</style> </style>
src/views/SendFileView.vue
+7 -1
View File
@@ -195,7 +195,7 @@
<transition name="drawer"> <transition name="drawer">
<div <div
v-if="showDrawer" v-if="showDrawer"
class="fixed inset-y-0 right-0 w-full sm:w-96 bg-opacity-70 backdrop-filter backdrop-blur-xl shadow-2xl z-50 overflow-hidden flex flex-col" class="fixed inset-y-0 right-0 w-full sm:w-120 bg-opacity-70 backdrop-filter backdrop-blur-xl shadow-2xl z-50 overflow-hidden flex flex-col"
:class="[isDarkMode ? 'bg-gray-900' : 'bg-white']" :class="[isDarkMode ? 'bg-gray-900' : 'bg-white']"
> >
<div <div
@@ -694,6 +694,12 @@ onMounted(() => {
transform: translateY(10px); transform: translateY(10px);
} }
@media (min-width: 640px) {
.sm\:w-120 {
width: 30rem; /* 480px */
}
}
.fade-enter-to, .fade-enter-to,
.fade-leave-from { .fade-leave-from {
opacity: 1; opacity: 1;