Эх сурвалжийг харах

fix list course catalog - refs #2681

Alex Aragón 6 жил өмнө
parent
commit
1620a02690

+ 15 - 0
assets/css/scss/_base.scss

@@ -337,6 +337,20 @@ hr {
     }*/
   }
 }
+/*** GRID CATALOG ***/
+.list-course{
+  display: grid;
+  grid-gap: 1rem;
+  grid-row-gap: 16px;
+  grid-template-columns: repeat(5, 1fr);
+  @include portrait($breakpoint-sm, $breakpoint-md){
+    grid-template-columns: repeat(3, 1fr);
+  }
+  @include landscape($breakpoint-sm) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+}
+
 /* CATEGORY CLASSIC */
 .category-list{
   display: grid;
@@ -424,6 +438,7 @@ hr {
     }
   }
 }
+
 /** GRID SESSION **/
 
 .grid-session{

+ 2 - 2
main/template/default/auth/course_catalog.html.twig

@@ -14,9 +14,9 @@
             </div>
         </div>
     </div>
-    <div class="row">
+    <div class="list-course">
         {% for item in courses %}
-            <div class="col-md-3">
+            <div class="item-course">
                 {% set image %}
                     {% if item.category != '' %}
                         <div class="category">

+ 2 - 2
main/template/default/auth/session_catalog.html.twig

@@ -43,9 +43,9 @@
                 </form>
             </div>
         </div>
-        <div class="row">
+        <div class="list-course">
             {% for item in sessions %}
-            <div class="col-md-3">
+            <div class="item-course">
                 {% set image %}
                     {% if item.category != '' %}
                         <div class="category">