tg app fix sizes

src/components/settings/CategoryCreateUpdate.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {useRoute} from "vue-router";
+import {useRoute, useRouter} from "vue-router";
 import {computed, onMounted, ref} from "vue";
 import {useToolbarStore} from "@/stores/toolbar-store";
 import {useToast} from "primevue/usetoast";
@@ -8,11 +8,15 @@ import {categoriesService} from "@/services/categories-service";
 import {useSpaceStore} from "@/stores/spaceStore";
 import {CategoryType, CategoryTypeName} from "@/models/enums";
 import emojiRegex from 'emoji-regex'
+import {useCategoriesStore} from "@/stores/categories-store";
+
 
 const route = useRoute()
+const router = useRouter()
 const toolbar = useToolbarStore();
 const toast = useToast();
 const spaceStore = useSpaceStore();
+const categoriesStore = useCategoriesStore();
 const categoryId = ref<string | undefined>(route.params.id)
 const mode = computed(() => {
   return categoryId.value ? "edit" : "create"
@@ -31,9 +35,7 @@ const options = Object.values(CategoryType).map(type => ({
 
 const fetchCategory = async () => {
   try {
-    console.log('here')
     if (spaceStore.selectedSpaceId && categoryId.value) {
-      console.log('here2')
       let category = await categoriesService.fetchCategory(spaceStore.selectedSpaceId, Number(categoryId.value))
       categoryType.value = category.type
       categoryName.value = category.name
@@ -84,14 +86,20 @@ onMounted(async () => {
   if (mode.value === "edit") {
     await fetchCategory()
     toolbar.registerHandler('deleteCategory', () => {
-      console.log("delete category")
     })
-    toolbar.registerHandler('updateCategory', () => {
-      console.log("update category")
+    toolbar.registerHandler('updateCategory', async () => {
+      if (spaceStore.selectedSpaceId) {
+        // await categoriesStore.fetchCategories(spaceStore.selectedSpaceId)
+        router.back()
+      }
     })
   } else {
-    toolbar.registerHandler('createCategory', () => {
-      console.log("create category")
+    toolbar.registerHandler('createCategory', async () => {
+      if (spaceStore.selectedSpaceId) {
+        // await categoriesStore.fetchCategories(spaceStore.selectedSpaceId)
+        router.back()
+      }
+
     })
   }
 })
@@ -103,7 +111,7 @@ onMounted(async () => {
 
     <div class="flex flex-col w-full  ">
       <div class=" flex-col " v-tooltip.focus.bottom="'Only emoji supported'">
-        <input class=" !justify-items-center !justify-center font-extralight text-9xl w-full focus:outline-0"
+        <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"