feat: update text settings

src/components/TextManager.svelte

@@ -18,12 +18,7 @@
     fontFamily: "Arial",
     color: "#ffffff",
     textAlign: "center" as "left" | "center" | "right",
-    padding: {
+    paddingX: 10,
-      top: 10,
-      right: 10,
-      bottom: 10,
-      left: 10,
-    },
     verticalOffset: 0,
   });
 
@@ -49,7 +44,7 @@
       fontFamily: commonTextSettings.fontFamily,
       color: commonTextSettings.color,
       textAlign: commonTextSettings.textAlign,
-      padding: { ...commonTextSettings.padding },
+      paddingX: commonTextSettings.paddingX,
       verticalOffset: commonTextSettings.verticalOffset,
     }));
 
@@ -210,69 +205,19 @@
 
       <div class="control-group">
         <label>
-          Внутренние отступы:
+          Боковые отступы:
-          <div class="padding-controls">
+          <input
-            <div class="padding-input">
+            type="range"
-              <span>Верх:</span>
+            min="0"
-              <input
+            max="50"
-                type="range"
+            step="1"
-                min="0"
+            value={commonTextSettings.paddingX}
-                max="50"
+            oninput={(e) => {
-                step="1"
+              commonTextSettings.paddingX = parseInt(e.target.value);
-                value={commonTextSettings.padding.top}
+              applyCommonSettingsToAll();
-                oninput={(e) => {
+            }}
-                  commonTextSettings.padding.top = parseInt(e.target.value);
+          />
-                  applyCommonSettingsToAll();
+          <span class="value-display">{commonTextSettings.paddingX}px</span>
-                }}
-              />
-              <span class="value-display">{commonTextSettings.padding.top}px</span>
-            </div>
-            <div class="padding-input">
-              <span>Низ:</span>
-              <input
-                type="range"
-                min="0"
-                max="50"
-                step="1"
-                value={commonTextSettings.padding.bottom}
-                oninput={(e) => {
-                  commonTextSettings.padding.bottom = parseInt(e.target.value);
-                  applyCommonSettingsToAll();
-                }}
-              />
-              <span class="value-display">{commonTextSettings.padding.bottom}px</span>
-            </div>
-            <div class="padding-input">
-              <span>Лево:</span>
-              <input
-                type="range"
-                min="0"
-                max="50"
-                step="1"
-                value={commonTextSettings.padding.left}
-                oninput={(e) => {
-                  commonTextSettings.padding.left = parseInt(e.target.value);
-                  applyCommonSettingsToAll();
-                }}
-              />
-              <span class="value-display">{commonTextSettings.padding.left}px</span>
-            </div>
-            <div class="padding-input">
-              <span>Право:</span>
-              <input
-                type="range"
-                min="0"
-                max="50"
-                step="1"
-                value={commonTextSettings.padding.right}
-                oninput={(e) => {
-                  commonTextSettings.padding.right = parseInt(e.target.value);
-                  applyCommonSettingsToAll();
-                }}
-              />
-              <span class="value-display">{commonTextSettings.padding.right}px</span>
-            </div>
-          </div>
         </label>
       </div>
 
@@ -403,24 +348,6 @@
     border-color: #007bff;
   }
 
-  .padding-controls {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-
-  .padding-input {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
-
-  .padding-input span {
-    min-width: 40px;
-    font-size: 0.9rem;
-    color: #666;
-  }
-
   .add-text-section {
     display: flex;
     flex-direction: column;

src/lib/types/panel.ts

@@ -6,13 +6,8 @@ export interface TextItem {
   color: string;
   // Выравнивание текста: left, center, right
   textAlign: "left" | "center" | "right";
-  // Внутренние отступы
+  // Боковые отступы (лево/право)
-  padding: {
+  paddingX: number;
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-  };
   // Смещение от центра по вертикали (для компенсации визуального центра разных шрифтов)
   verticalOffset: number;
 }

src/stores/panelStore.ts

@@ -31,12 +31,7 @@ export const addTextToPanel = (panel: Panel, text: string): Panel => {
     fontFamily: "Arial",
     color: "#ffffff",
     textAlign: "center" as const,
-    padding: {
+    paddingX: 10,
-      top: 10,
-      right: 10,
-      bottom: 10,
-      left: 10,
-    },
     verticalOffset: 0,
   };