From 5416df0c2c9381c52bf6e7d9c67251a3f86304d1 Mon Sep 17 00:00:00 2001
From: alsaze <veselov@alfabit.com>
Date: Wed, 8 Oct 2025 14:47:17 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D1=8E=20=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B5=D0=B3=D1=83=20=D1=82=D0=BE=D0=B2=D0=B0=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/product/[id].vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/pages/product/[id].vue b/pages/product/[id].vue
index 30ffaba..6e31747 100644
--- a/pages/product/[id].vue
+++ b/pages/product/[id].vue
@@ -1,8 +1,8 @@
 <template>
   <div ref="target" class="product">
     <UDrawer
+      v-if="isMobile"
       v-model:open="open"
-      title="Drawer with title"
       :class="{ animated: !isSwiping }"
       :style="{ top }"
     >
@@ -12,14 +12,18 @@
         <ProductDescription />
       </template>
     </UDrawer>
+
+    <ProductImages v-if="!isMobile" />
+    <ProductDescription v-if="!isMobile" />
   </div>
 </template>
 
 <script setup lang="ts">
 import type { UseSwipeDirection } from '@vueuse/core'
-import { useSwipe } from '@vueuse/core'
+import { useMediaQuery, useSwipe } from '@vueuse/core'
 import { computed, shallowRef } from 'vue'
 
+const isMobile = useMediaQuery('(max-width: 1280px)')
 const open = ref(false)
 const target = shallowRef<HTMLElement | null>(null)
 const targetHeight = computed(() => target.value?.offsetHeight)