From 0a63d4b0b23eb009286d2a09c07124ac1e8d8919 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Thu, 29 Jan 2026 20:47:24 +0700
Subject: [PATCH] Fix order detail behavior: panel hides when order selected

- Changed show-panel to "!selectedOrderId" - panel slides left when order is clicked
- OrderDetailBottomSheet now matches KycBottomSheet structure (full screen, same z-index)
---
 app/components/catalog/OrderDetailBottomSheet.vue | 14 ++++++--------
 app/pages/clientarea/orders/index.vue             |  2 +-
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/app/components/catalog/OrderDetailBottomSheet.vue b/app/components/catalog/OrderDetailBottomSheet.vue
index 767c5cd..95b821b 100644
--- a/app/components/catalog/OrderDetailBottomSheet.vue
+++ b/app/components/catalog/OrderDetailBottomSheet.vue
@@ -2,19 +2,17 @@
   <Transition name="order-slide">
     <div
       v-if="isOpen && orderUuid"
-      class="fixed inset-0 z-40 pointer-events-none"
+      class="fixed inset-x-0 bottom-0 z-50 flex flex-col"
+      style="height: 70vh"
     >
-      <!-- Backdrop (clickable to close) - only covers map area on desktop -->
+      <!-- Backdrop (clickable to close) -->
       <div
-        class="absolute inset-0 lg:left-96 bg-black/30 pointer-events-auto"
+        class="absolute inset-0 -top-[30vh] bg-black/30"
         @click="emit('close')"
       />
 
-      <!-- Sheet content - positioned at bottom, above backdrop -->
-      <div
-        class="absolute left-0 right-0 lg:left-96 bottom-0 z-50 flex flex-col bg-black/40 backdrop-blur-xl rounded-t-2xl border-t border-white/20 shadow-2xl overflow-hidden pointer-events-auto"
-        style="height: 70vh"
-      >
+      <!-- Sheet content -->
+      <div class="relative flex-1 bg-black/40 backdrop-blur-xl rounded-t-2xl border-t border-white/20 shadow-2xl overflow-hidden">
         <!-- Header with drag handle and close -->
         <div class="sticky top-0 z-10 bg-black/30 backdrop-blur-md border-b border-white/10">
           <div class="flex justify-center py-2">
diff --git a/app/pages/clientarea/orders/index.vue b/app/pages/clientarea/orders/index.vue
index 0ac3abd..4bc2970 100644
--- a/app/pages/clientarea/orders/index.vue
+++ b/app/pages/clientarea/orders/index.vue
@@ -7,7 +7,7 @@
       map-id="orders-map"
       point-color="#6366f1"
       :hovered-id="hoveredOrderId"
-      :show-panel="true"
+      :show-panel="!selectedOrderId"
       panel-width="w-96"
       :hide-view-toggle="true"
       @select="onMapSelect"