优化 loading
This commit is contained in:
parent
0b99318610
commit
2b7941d809
@ -173,10 +173,10 @@ export function EditorPreview({
|
|||||||
key={stableKeyRef.current}
|
key={stableKeyRef.current}
|
||||||
>
|
>
|
||||||
<div className="bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b flex items-center justify-between z-10 sticky top-0 left-0 right-0">
|
<div className="bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b flex items-center justify-between z-10 sticky top-0 left-0 right-0">
|
||||||
<div className="flex items-center gap-0.5 px-2 py-1.5">
|
<div className="flex items-center gap-0.5 px-2">
|
||||||
<span className="text-sm text-muted-foreground">预览效果</span>
|
<span className="text-sm text-muted-foreground">预览效果</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-4 px-4 py-1.5">
|
<div className="flex items-center gap-4 px-4 py-2">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<button
|
<button
|
||||||
onClick={handleZoomOut}
|
onClick={handleZoomOut}
|
||||||
@ -198,7 +198,7 @@ export function EditorPreview({
|
|||||||
<select
|
<select
|
||||||
value={previewSize}
|
value={previewSize}
|
||||||
onChange={(e) => onPreviewSizeChange(e.target.value as PreviewSize)}
|
onChange={(e) => onPreviewSizeChange(e.target.value as PreviewSize)}
|
||||||
className="text-sm border rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-primary/20 bg-background text-foreground"
|
className="text-sm border rounded px-2 focus:outline-none focus:ring-2 focus:ring-primary/20 bg-background text-foreground"
|
||||||
>
|
>
|
||||||
{Object.entries(PREVIEW_SIZES).map(([key, { label }]) => (
|
{Object.entries(PREVIEW_SIZES).map(([key, { label }]) => (
|
||||||
<option key={key} value={key}>{label}</option>
|
<option key={key} value={key}>{label}</option>
|
||||||
|
Loading…
Reference in New Issue
Block a user