clean css cookie

components/Common/CookiesConsent.vue

@@ -53,7 +53,7 @@
       </div>
     </div>
 
-    <v-dialog v-model="showCustomizationOptions" persistent max-width="600px">
+    <v-dialog v-model="showCustomizationOptions" :fullscreen="mdAndDown">
       <v-card>
         <v-row class="headline">
           <v-btn
@@ -212,13 +212,14 @@ import { onMounted, type Ref, ref } from 'vue'
 import { useCookies } from 'vue3-cookies'
 import { COOKIE_CONSENT_CHOICE } from '~/types/enum/enums'
 import type { CookiesPreferences } from '~/types/interface'
+import {useDisplay} from "vuetify";
 
 const layoutStore = useLayoutStore()
+const { mdAndDown } = useDisplay()
 
 const { cookies } = useCookies()
 const showCustomizationOptions = ref(false)
 const showNotification = ref(false)
-
 const { gtag, initialize: initializeGTag } = useGtag()
 
 /**
@@ -457,8 +458,16 @@ onMounted(() => {
   border-radius: 15px;
   padding: 20px;
 
+
   @media (max-width: 600px) {
-    max-width: 90%;
+    max-height: 650px;
+    overflow-y: scroll;
+    bottom: unset;
+    top: 50%;
+    left: 50%;
+    margin: auto;
+    width: 90%;
+    transform: translate(-50%, -50%);
   }
 }