карты пвз

pages/checkout/contacts.vue

@@ -1,5 +1,5 @@
 <template>
-  <form class="contacts" @submit.prevent="onSubmit">
+  <form v-if="checkoutContacts" class="contacts" @submit.prevent="onSubmit">
     <div>
       <UInput
         id="name"
@@ -138,7 +138,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useCheckout } from '../../composables/useCheckout'
+import { useCheckout } from '~/composables/useCheckout'
 
 const { checkoutContacts, setCheckoutContacts, nextStep } = useCheckout()
 
@@ -199,11 +199,17 @@ definePageMeta({
 </script>
 
 <style lang="scss">
+@use '~/assets/scss/utils' as *;
+
 .contacts {
   margin-inline: auto;
   max-width: 400px;
   display: flex;
   flex-direction: column;
   gap: 16px;
+
+  @include mobile {
+    padding-inline: 10px;
+  }
 }
 </style>

pages/checkout/summary.vue

@@ -58,7 +58,9 @@
       </div>
     </div>
 
-    <PayBlock pay />
+    <ClientOnly>
+      <PayBlock pay :is-summary="true" />
+    </ClientOnly>
   </div>
 </template>
 
@@ -85,10 +87,18 @@ definePageMeta({
   flex-direction: row;
   justify-content: space-between;
 
+  @include mobile {
+    flex-direction: column;
+  }
+
   &__info {
     display: flex;
     flex-direction: column;
     gap: 16px;
+
+    @include mobile {
+      margin-bottom: 26px;
+    }
   }
 
   &__items {