nuevo sse listo

components/casoEspecial/formularioEspecial.vue

@@ -1,5 +1,5 @@
 <template>
-  <section>
+  <section class="mx-2">
     <h4 class="is-size-3 mb-5"><b>Agregar un servicio social</b></h4>
 
     <form>
@@ -30,6 +30,7 @@
       <b-field label="Créditos">
         <p class="input" placeholder="Créditos">
           <span v-if="!alumno.creditos"></span>
+
           <span v-else> {{ Number(alumno.creditos) }}% </span>
         </p>
       </b-field>
@@ -97,16 +98,16 @@
           v-model="idStatus"
           expanded
         >
+          <option value="" disabled>Selecciona una opción</option>
           <option value="11">Artículo 52</option>
-
           <option value="12">Artículo 91</option>
         </b-select>
       </b-field>
 
       <b-field label="Motivo" v-if="idStatus === '11'">
         <b-select class="my-4" placeholder="Motivo" v-model="motivo" expanded>
+          <option value="" disabled>Selecciona una opción</option>
           <option value="1">Tercera edad</option>
-
           <option value="2">Capacidades diferentes</option>
         </b-select>
       </b-field>
@@ -133,17 +134,21 @@
     <b-field label="Añade un archivo (.zip, .rar)">
       <b-upload
         type="is-black"
-        v-on:input="validarExt()"
+        class="mb-5"
         accept=".zip,.rar,.7zip"
+        @input="validarExt()"
         v-model="file"
-        expanded
         drag-drop
+        expanded
       >
-        <section>
+        <section
+          class="section is-flex is-align-items-center is-justify-content-center drag-drop"
+        >
           <div class="content has-text-centered">
             <p>
               <b-icon icon="upload" size="is-large"></b-icon>
             </p>
+
             <p>
               {{
                 file.name || 'Arrastra aquí tu archivo o da click para buscar'

pages/admin/servicio/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import VistaServicio from '../../../components/admin/servicio/vistaServicio.vue'
+import VistaServicio from '../../../components/admin/servicio/vistaServicio'
 
 export default {
   components: {

pages/casoEspecial/nuevo/index.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="container">
     <BotonRegresar path="/casoEspecial" />
+
     <FormularioEspecial />
   </div>
 </template>
 
 <script>
 import BotonRegresar from '../../../components/botonRegresar'
-import FormularioEspecial from '../../../components/casoEspecial/formularioEspecial.vue'
+import FormularioEspecial from '../../../components/casoEspecial/formularioEspecial'
 
 export default {
   components: {