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

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

front_vue/src/components/Card.vue

@@ -22,6 +22,7 @@
         <button 
           v-if="canArchive" 
           class="btn-archive-card" 
+          :class="{ 'always-visible': isMobile }"
           @click.stop="handleArchive"
           title="В архив"
         >
@@ -65,6 +66,9 @@
 <script setup>
 import { ref, computed, onMounted, onUpdated } from 'vue'
 import { getFullUrl } from '../api'
+import { useMobile } from '../composables/useMobile'
+
+const { isMobile } = useMobile()
 
 const props = defineProps({
   card: Object,
@@ -350,4 +354,9 @@ const handleArchive = () => {
   background: var(--orange);
   color: #000;
 }
+
+/* Mobile: всегда показываем кнопку архивирования */
+.btn-archive-card.always-visible {
+  display: flex;
+}
 </style>