fallitos de course arreglados

CyberAula · Jun 7, 2024 · 97b12b5 · 97b12b5
1 parent ebcae63
commit 97b12b5
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 29 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -110,11 +110,8 @@
     font-weight: 400;
     display: -webkit-box;
   }
-  .course .course_description small {
-    max-width: 10rem;
-  }
-  .course .course_text-block {
-    max-width: 46rem;
+  .course_text_block {
+    max-width: 40rem;
   }
   .card_container_top {
     display: flex;
@@ -184,6 +181,7 @@
     margin-top: 0.14rem;
   }
   .course .course_text_block {
+    max-width: 55rem;
     transition: ease-in-out 300ms;
     width: 100%;
     display: flex;
@@ -219,6 +217,11 @@
     text-overflow: ellipsis;
   }
 }
+@media (min-width: 1400px) {
+  .course .course_text_block {
+    max-width: 100rem;
+  }
+}
 .bg-blue-gradient {
   background: linear-gradient(139deg, rgba(83, 64, 255, 0.9) 0%, rgba(111, 199, 255, 0.9) 100%), url("/assets/img/courses/fondo-cursos.png");
   background-size: contain;
@@ -3058,11 +3061,8 @@ h4, h5 {
     font-weight: 400;
     display: -webkit-box;
   }
-  .course .course_description small {
-    max-width: 10rem;
-  }
-  .course .course_text-block {
-    max-width: 46rem;
+  .course_text_block {
+    max-width: 40rem;
   }
   .card_container_top {
     display: flex;
@@ -3132,6 +3132,7 @@ h4, h5 {
     margin-top: 0.14rem;
   }
   .course .course_text_block {
+    max-width: 55rem;
     transition: ease-in-out 300ms;
     width: 100%;
     display: flex;
@@ -3167,6 +3168,11 @@ h4, h5 {
     text-overflow: ellipsis;
   }
 }
+@media (min-width: 1400px) {
+  .course .course_text_block {
+    max-width: 100rem;
+  }
+}
 .bg-blue-gradient {
   background: linear-gradient(139deg, rgba(83, 64, 255, 0.9) 0%, rgba(111, 199, 255, 0.9) 100%), url("/assets/img/courses/fondo-cursos.png");
   background-size: contain;

diff --git a/app/globals.css.map b/app/globals.css.map
diff --git a/app/sass/main.css b/app/sass/main.css
@@ -78,11 +78,8 @@
     font-weight: 400;
     display: -webkit-box;
   }
-  .course .course_description small {
-    max-width: 10rem;
-  }
-  .course .course_text-block {
-    max-width: 46rem;
+  .course_text_block {
+    max-width: 40rem;
   }
   .card_container_top {
     display: flex;
@@ -152,6 +149,7 @@
     margin-top: 0.14rem;
   }
   .course .course_text_block {
+    max-width: 55rem;
     transition: ease-in-out 300ms;
     width: 100%;
     display: flex;
@@ -187,6 +185,11 @@
     text-overflow: ellipsis;
   }
 }
+@media (min-width: 1400px) {
+  .course .course_text_block {
+    max-width: 100rem;
+  }
+}
 .bg-blue-gradient {
   background: linear-gradient(139deg, rgba(83, 64, 255, 0.9) 0%, rgba(111, 199, 255, 0.9) 100%), url("/assets/img/courses/fondo-cursos.png");
   background-size: contain;

diff --git a/app/sass/main.css.map b/app/sass/main.css.map
diff --git a/app/sass/partials/_courses.sass b/app/sass/partials/_courses.sass
@@ -11,22 +11,17 @@ $windowWidth: 100vw
         .course_title
             margin-top:0.6rem
         .course_description
+
             transition: ease-in-out 300ms
             opacity: 1
             display: flex
             font-weight:400
             display: -webkit-box
             //max-height: $windowHeight/7.2
             small 
-                max-width: 10rem
-                // margin-top:0.6rem
-                // display: -webkit-box
-                // // -webkit-line-clamp: 5
-                // -webkit-box-orient: vertical
-                // overflow: hidden
-                // text-overflow: ellipsis
-        .course_text-block
-            max-width: 46rem
+
+    .course_text_block
+        max-width: 40rem
     .card_container_top 
         display: flex
         justify-content: space-between 
@@ -68,6 +63,7 @@ $windowWidth: 100vw
                 div
                     margin-top: 0.14rem
         .course_text_block
+            max-width: 55rem
             transition: ease-in-out 300ms
             // transform: translateY(64%)
             width: 100%
@@ -84,7 +80,7 @@ $windowWidth: 100vw
                     margin-top:0
                     display: block
                     //font-size: 1.1rem
-                    
+
                     font-weight: 400
                     max-height:160px
 
@@ -107,8 +103,12 @@ $windowWidth: 100vw
                         -webkit-box-orient: vertical
                         overflow: hidden
                         text-overflow: ellipsis
-
-
+
+@media (min-width: 1400px) 
+    .course
+        .course_text_block
+            max-width: 100rem
+
 
 .bg-blue-gradient
     background: linear-gradient(139deg, rgba(83,64,255,0.9) 0%, rgba(111,199,255,0.9) 100%),url($bg-img)