From c18e0a6574632e59b855add59a8b8f240aabb55e Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Wed, 4 Feb 2026 00:25:09 +0500
Subject: [PATCH] feat: update text settings

---
 src/components/TextManager.svelte | 103 +++++-------------------------
 src/lib/types/panel.ts            |   9 +--
 src/stores/panelStore.ts          |   7 +-
 3 files changed, 18 insertions(+), 101 deletions(-)

diff --git a/src/components/TextManager.svelte b/src/components/TextManager.svelte
index 62d825c..0590fd6 100644
--- a/src/components/TextManager.svelte
+++ b/src/components/TextManager.svelte
@@ -18,12 +18,7 @@
     fontFamily: "Arial",
     color: "#ffffff",
     textAlign: "center" as "left" | "center" | "right",
-    padding: {
-      top: 10,
-      right: 10,
-      bottom: 10,
-      left: 10,
-    },
+    paddingX: 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">
-            <div class="padding-input">
-              <span>Верх:</span>
-              <input
-                type="range"
-                min="0"
-                max="50"
-                step="1"
-                value={commonTextSettings.padding.top}
-                oninput={(e) => {
-                  commonTextSettings.padding.top = parseInt(e.target.value);
-                  applyCommonSettingsToAll();
-                }}
-              />
-              <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>
+          Боковые отступы:
+          <input
+            type="range"
+            min="0"
+            max="50"
+            step="1"
+            value={commonTextSettings.paddingX}
+            oninput={(e) => {
+              commonTextSettings.paddingX = parseInt(e.target.value);
+              applyCommonSettingsToAll();
+            }}
+          />
+          <span class="value-display">{commonTextSettings.paddingX}px</span>
         </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;
diff --git a/src/lib/types/panel.ts b/src/lib/types/panel.ts
index 19a2c67..19ea067 100644
--- a/src/lib/types/panel.ts
+++ b/src/lib/types/panel.ts
@@ -6,13 +6,8 @@ export interface TextItem {
   color: string;
   // Выравнивание текста: left, center, right
   textAlign: "left" | "center" | "right";
-  // Внутренние отступы
-  padding: {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-  };
+  // Боковые отступы (лево/право)
+  paddingX: number;
   // Смещение от центра по вертикали (для компенсации визуального центра разных шрифтов)
   verticalOffset: number;
 }
diff --git a/src/stores/panelStore.ts b/src/stores/panelStore.ts
index 4e93248..fb4fd4e 100644
--- a/src/stores/panelStore.ts
+++ b/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: {
-      top: 10,
-      right: 10,
-      bottom: 10,
-      left: 10,
-    },
+    paddingX: 10,
     verticalOffset: 0,
   };