From 7162e7a6fd5e6d4f643a4b421aab266ccf84d830 Mon Sep 17 00:00:00 2001
From: osloSperian <oslosperian@gmail.com>
Date: Thu, 7 Aug 2025 10:49:45 +0300
Subject: [PATCH 1/2] deleted controller

---
 frontend/src/components/map/map_comp/map.vue | 10 +++++-----
 frontend/src/components/map/mapper.vue       |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/map/map_comp/map.vue b/frontend/src/components/map/map_comp/map.vue
index 87d7958..c22e4c9 100644
--- a/frontend/src/components/map/map_comp/map.vue
+++ b/frontend/src/components/map/map_comp/map.vue
@@ -206,10 +206,10 @@ const selectPoint = (marker: DeliveryMarker) => {
   z-index: 1 !important;
 }
 
-.open + .map {
-  max-height: calc(100% - 100rem);
-  height: min(49rem, 60vh);
-}
+// .open + .map {
+//   max-height: calc(100% - 100rem);
+//   height: min(49rem, 60vh);
+// }
 
 .map {
   @include position(relative);
@@ -218,7 +218,7 @@ const selectPoint = (marker: DeliveryMarker) => {
   @include transition(all 0.3s ease);
 
   @include desktop {
-    @include size((calc(100% - 31rem)), min(80rem, 80vh));
+    @include size(100%, min(80rem, 80vh));
   }
 
   .marker {
diff --git a/frontend/src/components/map/mapper.vue b/frontend/src/components/map/mapper.vue
index ae8b831..f5b1a94 100644
--- a/frontend/src/components/map/mapper.vue
+++ b/frontend/src/components/map/mapper.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="conteiner">
     <div class="mapper">
-      <Controller :markers="markers" />
+      <!-- <Controller :markers="markers" /> -->
       <Map :markers="markers" :duration="1200" />
     </div>
   </div>
@@ -11,7 +11,7 @@
 import { useMapStore } from '@/store/map'
 import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { fetchMarkers } from '../utils/fetcher/markersService'
-import Controller from './controller/controller.vue'
+// import Controller from './controller/controller.vue'
 import Map from './map_comp/map.vue'
 import type { DeliveryMarker } from './types'
 
@@ -36,8 +36,8 @@ const calculateMarkersCenter = (markers: DeliveryMarker[]): [number, number] =>
   return [sum.lng / markers.length, sum.lat / markers.length]
 }
 
-const receivedParams = ref(null)
-const ALLOWED_ORIGIN = import.meta.env.VITE_PARENT_ORIGIN
+const receivedParams = ref<any>(null)
+// const ALLOWED_ORIGIN = import.meta.env.VITE_PARENT_ORIGIN
 
 onMounted(() => {
   window.addEventListener('message', handleMessage)
-- 
GitLab


From 8b50a974678467a9e868f99e2afc96a9e1cbb85b Mon Sep 17 00:00:00 2001
From: osloSperian <oslosperian@gmail.com>
Date: Thu, 7 Aug 2025 16:21:28 +0300
Subject: [PATCH 2/2] cleaned

---
 .../components/map/map_comp/components/selectButton.vue   | 6 ++++--
 frontend/src/components/map/map_comp/map.vue              | 6 +++---
 frontend/src/components/map/mapper.vue                    | 8 ++++----
 frontend/src/scss/reset/_mixins.scss                      | 4 ++--
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/map/map_comp/components/selectButton.vue b/frontend/src/components/map/map_comp/components/selectButton.vue
index a59aa94..b2bf097 100644
--- a/frontend/src/components/map/map_comp/components/selectButton.vue
+++ b/frontend/src/components/map/map_comp/components/selectButton.vue
@@ -17,14 +17,16 @@
   border-radius: 0.5rem;
   padding: 0.7em 1.5em;
   cursor: pointer;
-  box-shadow: 0 2px 8px rgba(39, 174, 96, 0.15);
+  box-shadow: 0 .2rem .8rem rgba(39, 174, 96, 0.15);
   transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
   outline: none;
+
   &:hover,
   &:focus {
     background: linear-gradient(90deg, #219150 0%, #27ae60 100%);
-    box-shadow: 0 4px 16px rgba(39, 174, 96, 0.25);
+    box-shadow: 0 .4rem 1.6rem rgba(39, 174, 96, 0.25);
   }
+
   &:active {
     background: #219150;
   }
diff --git a/frontend/src/components/map/map_comp/map.vue b/frontend/src/components/map/map_comp/map.vue
index c22e4c9..adf5904 100644
--- a/frontend/src/components/map/map_comp/map.vue
+++ b/frontend/src/components/map/map_comp/map.vue
@@ -277,7 +277,7 @@ const selectPoint = (marker: DeliveryMarker) => {
       @include font(1.2rem, 600, 1.2);
       @include margin(0 0 0.8rem);
       @include color(#333);
-      border-bottom: 1px solid #e0e0e0;
+      border-bottom: .1rem solid #e0e0e0;
       @include padding(0 0 0.5rem);
 
       @include dark {
@@ -287,7 +287,7 @@ const selectPoint = (marker: DeliveryMarker) => {
     }
 
     .popup-info {
-      margin-bottom: 10px;
+      margin-bottom: 1rem;
       @include display(flex) {
         flex-direction: column;
         gap: 0.5rem;
@@ -317,7 +317,7 @@ const selectPoint = (marker: DeliveryMarker) => {
       .popup-item strong {
         display: flex;
         align-items: center;
-        gap: 4px;
+        gap: .4rem;
 
         .icon {
           width: 1.3rem;
diff --git a/frontend/src/components/map/mapper.vue b/frontend/src/components/map/mapper.vue
index f5b1a94..e6b8311 100644
--- a/frontend/src/components/map/mapper.vue
+++ b/frontend/src/components/map/mapper.vue
@@ -84,17 +84,17 @@ watch(receivedParams, async params => {
   }
 
   @include padding(1rem);
-  border-radius: 8px;
+  border-radius: .8rem;
   max-height: 100vh;
 
-  @include boxsh(1px 2px 12px 9px rgba(34, 60, 80, 0.2));
-  margin-bottom: 20px;
+  @include boxsh(.1rem .2rem 1.2rem .9rem rgba(34, 60, 80, 0.2));
+  margin-bottom: 2rem;
 
   @include dark {
     background-color: $black;
     color: $white;
     @include boxsh(none);
-    margin-bottom: 0px;
+    margin-bottom: 0;
   }
 
   @include desktop {
diff --git a/frontend/src/scss/reset/_mixins.scss b/frontend/src/scss/reset/_mixins.scss
index c56417f..9a4e9bf 100644
--- a/frontend/src/scss/reset/_mixins.scss
+++ b/frontend/src/scss/reset/_mixins.scss
@@ -152,13 +152,13 @@
 }
 
 @mixin mobile {
-  @media (width <= 600px) {
+  @media (max-width: 600px) {
     @content;
   }
 }
 
 @mixin desktop {
-  @media (width >= 601px) {
+  @media (min-width: 601px) {
     @content;
   }
 }
-- 
GitLab