Merge pull request #93 from fedecarboni7/ui-ux-updates

fix: style of swiper
fedecarboni7 · Oct 15, 2024 · 4089402 · 4089402
2 parents 0153bb2 + cbede80
commit 4089402
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/proyect_structure.txt b/proyect_structure.txt
@@ -48,7 +48,7 @@ Listado de rutas de carpetas
 |   |       daisyui.min.css
 |   |       formations.css
 |   |       style.css
-|   |       styles-v1.0.3.css
+|   |       styles-v1.0.4.css
 |   |       
 |   +---favicon-v1.0
 |   |       android-chrome-192x192.png
@@ -78,7 +78,7 @@ Listado de rutas de carpetas
 |   +---js
 |           formations.js
 |           main.min.js
-|           script-v1.0.6.js
+|           script-v1.0.7.js
 |           
 +---templates
 |       500.html

diff --git a/static/css/styles-v1.0.3.css → static/css/styles-v1.0.4.css b/static/css/styles-v1.0.3.css → static/css/styles-v1.0.4.css
@@ -337,6 +337,8 @@ tr:last-child {
     background-color: #333333;
     border-radius: 8px;
     padding: 15px;
+    width: 100%; /* Ajustar al ancho del slide */
+    max-width: 100%;
 }
 
 @media (max-width: 830px) {
@@ -355,6 +357,19 @@ tr:last-child {
     }
 }
 
+.swiper {
+    width: 100%;
+    overflow: hidden; /* Evitar que los bordes de los slides se vean */
+}
+
+.swiper-slide {
+    overflow: hidden; /* Ocultar contenido que se desborde */
+    width: 100%; /* Asegurar que el ancho de cada slide sea completo */
+    display: flex; /* Para centrar el contenido */
+    justify-content: center;
+    align-items: center;
+}
+
 #floating-button {
     position: fixed;
     bottom: 20px;
@@ -366,6 +381,7 @@ tr:last-child {
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
     cursor: pointer;
     display: inline-block;
+    z-index: 1;
 }
 
 .badge {

diff --git a/static/js/script-v1.0.6.js → static/js/script-v1.0.7.js b/static/js/script-v1.0.6.js → static/js/script-v1.0.7.js
diff --git a/templates/index.html b/templates/index.html
@@ -8,12 +8,12 @@
     <link rel="icon" type="image/png" sizes="32x32" href="../static/favicon-v1.0/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="../static/favicon-v1.0/favicon-16x16.png">
     <link rel="manifest" href="../static/favicon-v1.0/site.webmanifest">
-    <link rel="stylesheet" type="text/css" href="/static/css/styles-v1.0.3.css">
+    <link rel="stylesheet" type="text/css" href="/static/css/styles-v1.0.4.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
+    <script src="/static/js/script-v1.0.7.js"></script>
     <link rel="stylesheet" type="text/css" href="/static/css/formations.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
     <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
-    <script src="/static/js/script-v1.0.6.js"></script>
     <script src="/static/js/formations.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 </head>