From eb70f70100db1eb3e069489355f03b823190e592 Mon Sep 17 00:00:00 2001
From: xds <iam@voroninv.ru>
Date: Tue, 28 Oct 2025 00:34:59 +0300
Subject: [PATCH] tg app fix

---
 .../settings/CategoryCreateUpdate.vue         | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/components/settings/CategoryCreateUpdate.vue b/src/components/settings/CategoryCreateUpdate.vue
index 651cef9..117de3f 100644
--- a/src/components/settings/CategoryCreateUpdate.vue
+++ b/src/components/settings/CategoryCreateUpdate.vue
@@ -111,22 +111,35 @@ onMounted(async () => {
 
     <div class="flex flex-col w-full  ">
       <div class=" flex-col " v-tooltip.focus.bottom="'Only emoji supported'">
-        <input class="!flex !justify-items-center !justify-center font-extralight text-9xl w-full focus:outline-0"
-               placeholder="Icon" v-model="categoryIcon" @input="handleInput" @paste="handlePaste"
-               @compositionend="handleCompositionEnd" inputmode="text"
-               autocomplete="off"
-               spellcheck="false"/>
-        <label class="!justify-items-center !justify-center !font-extralight text-gray-600 text-center">Category
+        <input
+            class="
+    block w-full
+    text-9xl font-extralight
+    text-center placeholder:text-center   /* центрируем текст и плейсхолдер */
+    p-0 m-0 border-0 bg-transparent
+    focus:outline-none appearance-none    /* убрать системные артефакты iOS/TG */
+    leading-none
+  "
+            placeholder="Icon"
+            v-model="categoryIcon"
+            @input="handleInput"
+            @paste="handlePaste"
+            @compositionend="handleCompositionEnd"
+            inputmode="text"
+            autocomplete="off"
+            spellcheck="false"
+        />
+        <label class=" !justify-center !font-extralight text-gray-600 text-center">Category
           icon</label>
       </div>
 
-      <div class="w-full !justify-items-center !items-center !justify-center">
+      <div class="w-full !items-center !justify-center">
         <SelectButton
             v-model="categoryType"
             :options="options"
             optionLabel="label"
             optionValue="value"
-            class="!w-full !justify-items-center !items-center !justify-center "
+            class="!w-full  !items-center !justify-center "
         />
       </div>