new filters

src/views/User.vue

@@ -16,10 +16,10 @@
                 <span v-if="pcView">Ver impresoras</span>
                 <span v-else>Ver computadoras</span>
             </button>
-            
-            <div class="row m-0 mt-3 mb-4">
-                <div class="row">
-                    <div class="col">
+            <div class="mt-3">12 equipos</div>
+            <div class="row m-0 mt-1 mb-4">
+                <div class="row d-flex flex-wrap">
+                    <div class="col-md-3 col-4 my-2">
                         <input
                         type="text"
                         id="Inventario"
@@ -28,7 +28,7 @@
                         placeholder="Número de inventario"
                         /> <!-- https://www.tutorialesprogramacionya.com/vueya/detalleconcepto.php?punto=7&codigo=7&inicio=0 -->
                     </div>
-                    <div class="col">
+                    <div class="col-md-3 col-4 my-2">
                         <select
                             name="tipo"
                             id="tipo"
@@ -38,14 +38,30 @@
                             <!-- <option value="0" selected>Todos</option>
                             <option v-for="opcion in tipo" :value="opcion.activoFijo">{{opcion.activoFijo}}</option> -->
 
-                            <option value="Todos" selected>Todos</option>
+                            <option value="Todos" selected>Tipo</option>
                                 <option v-show="pcView" v-for="opcion in tipo" :key="opcion.idActivoFijo" :value='opcion.activoFijo'>{{opcion.activoFijo}}</option>
                                 <option v-show="!pcView" v-for="opcion in tipoPrinters" :key="opcion.tipo" :value='opcion.tipo'>{{opcion.tipo}}</option>
                         </select>
                     </div>
+                    <div class="col-md-3 col-4 my-2">
+                        <select name="" id="" class="form-control select-login-form shadow-none">
+                            <option value="Ubicación">Ubicación</option>
+                        </select>
+                    </div>
+                    
+                    <div class="col-md-3 col-4 my-2" v-if="pcView">
+                        <select name="" id="" class="form-control select-login-form shadow-none">
+                            <option value="Procesador">Procesador</option>
+                        </select>
+                    </div>
+                    <div class="col-md-3 col-4 my-2">
+                        <select name="" id="" class="form-control select-login-form shadow-none">
+                            <option value="Uso">Uso</option>
+                        </select>
+                    </div>
                 </div>
             </div>
-
+            
             <div v-if="pcView" class="table-responsive table-fixed text-nowrap justify-content-md-center"
                 style="max-height: 350px;">
                 <table :class="['table', 'table-sm', 'text-center', { 'table-hover': admin(), 't-hov': admin() }]" style="font-size:14px">