收敛模板管理弹窗外壳样式

This commit is contained in:
WuYongJie 2026-05-28 19:27:14 +08:00
parent 4a2e979c8d
commit bad838fe8b
2 changed files with 6 additions and 5 deletions

View File

@ -1894,7 +1894,7 @@ export default function TemplateManager({ showToast }: { showToast: ToastFn }) {
closeOnEscape={false}
>
<div
className={`bg-white dark:bg-slate-900 rounded-xl shadow-lg max-h-[92vh] overflow-hidden flex flex-col ${
className={`bg-white dark:bg-slate-900 rounded-lg shadow-sm max-h-[92vh] overflow-hidden flex flex-col ${
isPreviewMode
? 'w-full max-w-4xl'
: 'w-full max-w-6xl'
@ -1915,7 +1915,7 @@ export default function TemplateManager({ showToast }: { showToast: ToastFn }) {
</div>
<button
onClick={closeEditor}
className="p-2 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-xl transition-all duration-200"
className="p-2 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-md transition-colors"
>
<svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
@ -2024,9 +2024,9 @@ export default function TemplateManager({ showToast }: { showToast: ToastFn }) {
closeOnOverlayClick={!migrating && !migrationPreviewLoading}
closeOnEscape={!migrating && !migrationPreviewLoading}
>
<div className="bg-white dark:bg-slate-900 rounded-lg shadow-lg p-6 max-h-[84vh] overflow-y-auto">
<div className="max-h-[84vh] overflow-y-auto">
<div className="flex items-center gap-3 mb-4">
<div className="w-10 h-10 rounded-full bg-amber-100 dark:bg-amber-900/30 flex items-center justify-center">
<div className="w-10 h-10 rounded-lg bg-amber-100 dark:bg-amber-900/30 flex items-center justify-center">
<svg className="w-5 h-5 text-amber-600 dark:text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
@ -2044,7 +2044,7 @@ export default function TemplateManager({ showToast }: { showToast: ToastFn }) {
<div className="bg-slate-50 dark:bg-slate-800/50 rounded-lg p-4 mb-4">
<p className="text-sm text-slate-700 dark:text-slate-300">
模板 <span className="font-medium text-slate-900 dark:text-white">&ldquo;{migrationSourceTemplate.name}&rdquo;</span> 有{' '}
<span className="font-bold text-blue-600 dark:text-blue-400">{migrationSourceTemplate.materialCount}</span>{' '}
<span className="font-bold text-slate-900 dark:text-white">{migrationSourceTemplate.materialCount}</span>{' '}
个素材正在使用。
</p>
<p className="text-sm text-slate-500 dark:text-slate-400 mt-2">

View File

@ -1094,6 +1094,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
证据:
- `app/admin/_components/TemplateManager.tsx`:模板编辑器弹窗仍偏大,当前为 `max-w-6xl`,后续还要评估是否进一步拆成更轻的工具面板。
- `app/admin/_components/TemplateManager.tsx`:编辑器弹窗和素材迁移弹窗外壳已从大圆角、重阴影和内层卡片套卡片收为普通 `rounded-lg`、轻阴影和单层内容区。
- `app/admin/_components/TemplateManager.tsx`:内部布局已完成第一轮响应式收口,小屏改为上下排列,宽屏仍保持左右编辑/预览。
- `app/admin/_components/template-manager/editor/TemplatePreviewPanel.tsx`:预览区已完成第一轮收口,固定右栏改为响应式宽度,预览外框、上传占位、字段卡片、拖拽悬浮层和拖拽占位统一从大圆角收为普通 `rounded-lg`,拖拽回弹从弹性曲线改为普通 `ease-out`。
- `app/admin/_components/template-manager/editor/TemplateFieldsEditor.tsx`:字段删除确认弹窗已去掉毛玻璃、强阴影和缩放进入动画,改为普通遮罩、普通边框和轻阴影;拖拽态也去掉蓝色发光阴影和缩放。