优化 loading

This commit is contained in:
tianyaxiang 2025-02-02 20:05:46 +08:00
parent 0b99318610
commit 2b7941d809

View File

@ -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>