fix: details

src/components/md-deck/index.tsx

@@ -1,5 +1,5 @@
 import { customElement, noShadowDOM } from 'solid-element';
-import { Show, createEffect, onCleanup } from 'solid-js';
+import { Show, onCleanup } from 'solid-js';
 import { resolvePath } from '../utils/path';
 import { createDeckStore } from './hooks/deckStore';
 import { DeckHeader } from './DeckHeader';
@@ -85,8 +85,12 @@ customElement<DeckProps>('md-deck', {
   } else {
     store.actions.setPadding(props.padding ?? 2);
   }
-  
-  store.actions.setFontSize(props.fontSize ?? 3);
+
+  if (typeof props.fontSize === 'string') {
+    store.actions.setFontSize(Number(props.fontSize));
+  } else {
+    store.actions.setFontSize(props.fontSize ?? 3);
+  }
 
   // 加载 CSV 数据
   store.actions.loadCardsFromPath(resolvedSrc, (props.layers as string) || '');
@@ -97,39 +101,39 @@ customElement<DeckProps>('md-deck', {
   });
 
   return (
-    <div class="md-deck flex gap-4">
-      {/* 左侧：CSV 数据编辑 */}
-      {/*<Show when={store.state.isEditing && !store.state.fixed}>*/}
-      {/*  <DataEditorPanel*/}
-      {/*    activeTab={store.state.activeTab}*/}
-      {/*    cards={store.state.cards}*/}
-      {/*    updateCardData={store.actions.updateCardData}*/}
-      {/*  />*/}
-      {/*</Show>*/}
-
-      <Show when={store.state.isEditing && !store.state.fixed}>
-        <div class="flex-1">
-          <PropertiesEditorPanel store={store} />
-        </div>
+    <div class="md-deck mb-4">
+      {/* Tab 选择器和编辑按钮 */}
+      <Show when={store.state.cards.length > 0 && !store.state.error}>
+        <DeckHeader store={store} />
       </Show>
 
-      {/* 中间：卡牌预览和控制 */}
-      <div class="flex-1">
-        {/* Tab 选择器和编辑按钮 */}
-        <Show when={store.state.cards.length > 0 && !store.state.error}>
-          <DeckHeader store={store} />
-        </Show>
+      <div class="flex gap-4">
 
         {/* 内容区域：错误/加载/卡牌预览/空状态 */}
-        <DeckContent store={store} isLoading={store.state.isLoading} />
-      </div>
+        {/* 左侧：CSV 数据编辑 */}
+        {/*<Show when={store.state.isEditing && !store.state.fixed}>*/}
+        {/*  <DataEditorPanel*/}
+        {/*    activeTab={store.state.activeTab}*/}
+        {/*    cards={store.state.cards}*/}
+        {/*    updateCardData={store.actions.updateCardData}*/}
+        {/*  />*/}
+        {/*</Show>*/}
+        
+        <Show when={store.state.isEditing && !store.state.fixed}>
+          <div class="flex-1">
+            <PropertiesEditorPanel store={store} />
+          </div>
+        </Show>
 
-      {/* 右侧：属性/图层编辑面板 */}
-      <Show when={store.state.isEditing && !store.state.fixed}>
-        <div class="flex-1">
-          <LayerEditorPanel store={store} />
-        </div>
-      </Show>
+        <DeckContent store={store} isLoading={store.state.isLoading} />
+
+        {/* 右侧：属性/图层编辑面板 */}
+        <Show when={store.state.isEditing && !store.state.fixed}>
+          <div class="flex-1">
+            <LayerEditorPanel store={store} />
+          </div>
+        </Show>
+      </div>
     </div>
   );
 });