smart phone actus bdd

2022-01-06 21:47:54 +01:00
parent 0fcfc3225a
commit 42f9b18ffb
6 changed files with 50 additions and 9 deletions
@@ -58,6 +58,7 @@
                                        margin-bottom: 2rem;
                                        justify-content: space-between;
                                        align-items: center;
+ 
                                        .views-row{
                                            display: flex;
                                            margin: auto;
@@ -92,6 +93,13 @@
                                            }
            
                                        }
+                                        @media (max-width: 810px){
+                                            flex-direction: column;
+                                            .views-row{
+                                                width: 100%;
+                                                margin-top: 1rem;
+                                            }
+                                        }
                                    }
                                }
                                // .view-filters{
@@ -191,6 +199,7 @@
                                flex-wrap: wrap;
                                justify-content: space-between;
                                margin-top: 3rem;
+                                
                                .views-row{
                                    width: 49%;
                                    // padding: 1rem;                            
@@ -202,7 +211,14 @@
                                    &:hover{
                                        background-color: $blue-light;    
                                    }
+                                    
                                }
+                                @media (max-width: 810px){
+                                    flex-direction: column;
+                                    .views-row{
+                                        width: 100%;
+                                    }
+                                } 
        
                                    .node-type-ressource{
                                        display: flex;
@@ -60,6 +60,7 @@
                                }
                            }
                        }
+
                    }
                }
                
@@ -19,7 +19,13 @@
                .views-row{
                    width: 25%;
                    flex: 0 0 25%;
-                }    
+                } 
+                @media (max-width: 810px){
+                    flex-direction: column;
+                    .views-row{
+                        width: 100%;
+                    }
+                }   
            }
            .view-display-id-block_2{
                padding-top: 0;
@@ -11,6 +11,7 @@

    @media (max-width: 810px){
        flex-direction: column;
+        padding-right: 1rem;
    }

    .region{