chore(build): update JavaScript and CSS files, remove obsolete files, and add new assets for improved performance

app/src/plugins/tm@modal/task/z-task-modal.vue

@@ -1,9 +1,8 @@
 <template>
   <v-dialog
     v-model="visible"
-    max-width="750"
-    max-height="90%"
-    height="700px"
+    :width="modalWidth"
+    :height="modalHeight"
     persistent
   >
     <W-loadable :content="subtask" class="h-100">
@@ -11,14 +10,14 @@
         v-if="editMode"
         height="100%"
         class="d-flex flex-column scrolling"
+        style="position: relative"
       >
         <div class="d-flex justify-space-between align-center modal-header">
           <h1>{{ subtask?.id ? 'Upraviť sub task' : 'Vytvoriť sub task' }}</h1>
-          <v-icon
-            @click.stop="closeModal()"
-            icon="mdi-close"
-            size="large"
-          ></v-icon>
+          <div class="d-flex align-center">
+            <a-reset-size-button @reset="resetModalSize" />
+            <a-close-button @close="closeModal()" />
+          </div>
         </div>
 
         <v-card-actions class="d-flex flex-column modal-content">
@@ -254,7 +253,7 @@
             </div>
           </div>
 
-          <div class="w-100 modal-input">
+          <div class="w-100 modal-input quill-editor-wrapper">
             <QuillEditor
               ref="description"
               v-model="subtask.description"
@@ -279,21 +278,20 @@
         <v-btn class="button primary disabled" v-else disabled>{{
           $t('Ukladám...')
         }}</v-btn>
+        <a-resize-handle @resize="handleModalResize" @resize-end="handleResizeEnd" :current-width="modalWidthPx" :current-height="modalHeightPx" />
       </v-card>
 
-      <v-card v-else height="100%" class="d-flex flex-column scrolling">
+      <v-card v-else height="100%" class="d-flex flex-column scrolling" style="position: relative">
         <div class="d-flex justify-space-between align-center">
           <div>
             <p>{{ subtask._master_task.project_code }}</p>
             <h1>{{ subtask._master_task.name }}</h1>
           </div>
 
-          <v-icon
-            @click.stop="closeModal()"
-            icon="mdi-close"
-            size="large"
-            class="pb-5"
-          ></v-icon>
+          <div class="d-flex align-center">
+            <a-reset-size-button @reset="resetModalSize" />
+            <a-close-button @close="closeModal()" class="pb-5" />
+          </div>
         </div>
         <div
           class="d-flex justify-space-between align-center modal-header border-bottom pb-4"
@@ -342,6 +340,7 @@
             </div>
           </div>
         </v-card-actions>
+        <a-resize-handle @resize="handleModalResize" @resize-end="handleResizeEnd" :current-width="modalWidthPx" :current-height="modalHeightPx" />
       </v-card>
     </W-loadable>
   </v-dialog>
@@ -366,6 +365,9 @@ import ZTaskReadonlyInfo from './_components/z-task-readonly-info.vue';
 import ATimeblock from './_components/a-timeblock.vue';
 import { mapGetters } from 'vuex';
 import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin';
+import AResizeHandle from '@/plugins/tm@modal/_components/a-resize-handle.vue';
+import AResetSizeButton from '@/plugins/tm@modal/_components/a-reset-size-button.vue';
+import ACloseButton from '@/plugins/tm@modal/_components/a-close-button.vue';
 
 export default {
   emits: ['close', 'refresh'],
@@ -378,6 +380,9 @@ export default {
     Datepicker,
     // ATaskTimeblocks,
     QuillEditor,
+    AResizeHandle,
+    AResetSizeButton,
+    ACloseButton,
   },
 
   data() {
@@ -400,6 +405,7 @@ export default {
         },
       ],
       wasFormValidationTriggered: false,
+      modalName: 'z-task-modal',
     };
   },
 
@@ -1074,4 +1080,22 @@ export default {
 	.datepicker-input
 		width: 100% !important
 		pointer-events: none
+
+.quill-editor-wrapper
+	:deep(.ql-container)
+		min-height: 200px
+		max-height: 500px
+		overflow-y: auto
+
+	:deep(.ql-editor)
+		min-height: 200px
+		max-height: 500px
+
+// Mobile fullscreen fix - remove padding
+:deep(.v-overlay__content)
+	@media (max-width: 768px)
+		max-height: 100% !important
+		width: 100% !important
+		max-width: 100% !important
+		margin: 0 !important
 </style>