estilos login mobile

components/Login.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="full-h cont">
     <h2 class="has-text-centered is-size-2">Registro de invitados</h2>
-    <div class="is-flex">
-      <div class="">
+    <div class="cont-2 is-flex">
+      <div class="img">
         <b-image
           :src="require('@/assets/login_image.png')"
           alt="LoginImage"
@@ -10,7 +10,7 @@
           class="my-4 img"
         ></b-image>
       </div>
-      <div class="is-flex is-justify-content-center">
+      <div class="is-flex is-justify-content-center cont-login">
         <form class="box" @submit.prevent="">
           <p>
             Para garantizar el acceso de sus invitados a la ceremonia de entrega
@@ -109,6 +109,19 @@ export default {
 .cont {
   margin-top: 10rem;
 }
+
+@media (max-width: 768px) {
+  .img {
+    display: none;
+  }
+  .cont-login{
+    width: 382px;
+  }
+  .box 
+  {
+    padding: 15px !important;
+  }
+}
 .img {
   width: 30rem;
   height: 14rem;

components/LoginOperador.vue

@@ -3,7 +3,7 @@
     <div class="has-text-centered">
       <h2 class="is-size-1">Entrega de medallas operador</h2>
     </div>
-    <div class="is-flex is-justify-content-center my-3">
+    <div class="is-flex is-justify-content-center my-3 cont-login">
       <b-radio v-model="loginType" name="loginType" native-value="1">
         Admin
       </b-radio>
@@ -11,7 +11,7 @@
         Operador
       </b-radio>
     </div>
-    <div class="is-flex is-justify-content-center my-3">
+    <div class="is-flex is-justify-content-center my-3 cont-login">
       <form v-if="loginType == 1" class="box" @submit.prevent="">
         <b-field label="Usuario" :type="error">
           <b-input
@@ -173,6 +173,17 @@ export default {
   height: 75vh;
 }
 
+@media (max-width: 768px) {
+  .cont-login{
+    width: 382px;
+    margin-left: 1.5rem;
+  }
+  .box 
+  {
+    padding: 15px !important;
+  }
+}
+
 form {
   width: 30rem;
 }