try to improve drag in mobile

Cadiducho · Oct 24, 2024 · 3e2fba7 · 3e2fba7
1 parent 14b6ba7
commit 3e2fba7
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 14 deletions.
diff --git a/src/components/admin/gps/DriversInGrandPrix.vue b/src/components/admin/gps/DriversInGrandPrix.vue
@@ -14,7 +14,7 @@
 
             <draggable
                 id="driversInSeason"
-                class="w-full h-full select-none space-y-2 flex flex-col text-white"
+                class="w-full h-full select-none space-y-2 flex flex-col text-white px-2 md:px-0"
                 :list="driversInSeason"
                 group="drivers"
                 itemKey="id"
@@ -42,7 +42,7 @@
                         <div class="card-content">
                             <draggable
                                 :id="`driversByConstructor-${constructor.id}`"
-                                class="w-full h-full select-none space-y-2"
+                                class="w-full h-full select-none space-y-2 px-2 md:px-0"
                                 :list="driversByConstructor[constructor.id]"
                                 group="drivers"
                                 itemKey="id"
@@ -169,4 +169,4 @@ export default defineComponent({
 
 <style scoped>
 
-</style>
+</style>
diff --git a/src/components/admin/gps/EditGrid.vue b/src/components/admin/gps/EditGrid.vue
@@ -6,7 +6,7 @@
 
     <draggable
         :id="`grid-${session.id}`"
-        class="w-full select-none space-y-2"
+        class="w-full select-none space-y-3 px-2 md:px-0"
         :list="sessionGrid"
         group="grid"
         itemKey="id"
@@ -94,4 +94,4 @@ export default defineComponent({
 
 <style scoped>
 
-</style>
+</style>
diff --git a/src/components/admin/gps/EditResults.vue b/src/components/admin/gps/EditResults.vue
@@ -20,7 +20,7 @@
     <PrognoAlert v-if="!hasSavedResults" variant="warning" message="No hay resultados guardada aún" />
     <draggable
         :id="`results-${session.id}`"
-        class="w-full select-none space-y-2"
+        class="w-full select-none space-y-3 px-2 md:px-0"
         :list="sessionResults"
         group="results"
         itemKey="id"
@@ -118,4 +118,4 @@ export default defineComponent({
 
 <style scoped>
 
-</style>
+</style>
diff --git a/src/components/gps/DraggableDriverCard.vue b/src/components/gps/DraggableDriverCard.vue
@@ -75,4 +75,4 @@ export default defineComponent({
         margin-left: 0.0rem;
     }
 }
-</style>
+</style>
diff --git a/src/components/gps/SelectTipps.vue b/src/components/gps/SelectTipps.vue
@@ -58,7 +58,7 @@
 
                 <draggable
                     :id="`pronosticados-${session.id}`"
-                    class="w-full h-full select-none space-y-2"
+                    class="w-full h-full select-none space-y-2 px-2 md:px-0"
                     :list="pilotosDisponiblesFiltrados"
                     group="people"
                     itemKey="name"
@@ -75,7 +75,7 @@
                 <h3 class="select-none dark:text-gray-300">Tu pronóstico</h3>
                 <draggable
                     :id="`pronosticados-${session.id}`"
-                    class="w-full h-full select-none space-y-2"
+                    class="w-full h-full select-none space-y-2 px-2 md:px-0"
                     :list="pilotosPronosticados"
                     group="people"
                     itemKey="name"
@@ -215,7 +215,7 @@ export default defineComponent({
                     this.pilotosPronosticados.push(value.driver);
                 }
             }
-        });        
+        });
     },
     methods: {
         reiniciarPronostico() {
@@ -282,4 +282,4 @@ export default defineComponent({
         }
     }
 });
-</script>
+</script>
diff --git a/src/pages/admin/seasons/EditSeason.vue b/src/pages/admin/seasons/EditSeason.vue
@@ -49,7 +49,7 @@
             >
               Constructores en la temporada {{ season.name }}
             </p-button>
-            <p-button
+            <!--<p-button
               color="info"
               icon="fa fa-user-group"
               size="large"
@@ -58,7 +58,7 @@
               class="mr-2"
             >
               Pilotos en la temporada {{ season.name }}
-            </p-button>
+            </p-button>-->
           </section>
           <section class="w-full xl:w-1/3 px-2">
             <p-input label="Nombre de la temporada" name="name" v-model="season.name" />