Мобильная версия

1. Адаптация и разработка мобильного варианта.

front_vue/src/components/TaskPanel/TaskEditTab.vue

@@ -51,7 +51,7 @@
       />
     </FormField>
 
-    <div class="field-row">
+    <div class="field-row" :class="{ mobile: isMobile }">
       <FormField label="Срок выполнения">
         <DatePicker v-model="form.dueDate" />
       </FormField>
@@ -106,6 +106,9 @@ import FileUploader from '../ui/FileUploader.vue'
 import DatePicker from '../DatePicker.vue'
 import ConfirmDialog from '../ConfirmDialog.vue'
 import { getFullUrl } from '../../api'
+import { useMobile } from '../../composables/useMobile'
+
+const { isMobile } = useMobile()
 
 const props = defineProps({
   card: {
@@ -370,6 +373,11 @@ defineExpose({
   flex: 1;
 }
 
+.field-row.mobile {
+  flex-direction: column;
+  gap: 16px;
+}
+
 .format-buttons {
   display: flex;
   gap: 3px;