responsive filters +intro

2025-05-30 23:04:05 +02:00
parent caca917a95
commit 94537a37cc
2 changed files with 40 additions and 3 deletions
@@ -18,6 +18,10 @@
                    margin-bottom: 1rem;
                    width: fit-content;
                    margin-left: 28%;
+                    @media (max-width:810px) {
+                     margin-left: 0;
+                     line-height: 4rem;
+                    }
                }
                .layout--onecol{
                    .layout__region--content{
@@ -36,15 +40,20 @@
                            width: 60%;
                            margin: auto;
                            margin-left: 28%;
-
+                            @media (max-width:810px) {
+                                margin-left: 0;
+                                width: 90%;
+                               }
                            @media (max-width:479px) {
                                order: 1;
                                margin-left: 0;
                            }
+
                                .config_pages--base-de-donnees--full{
                                    grid-column: 1 / span 5;
                                    @media (max-width: 810px){
-                                        padding: 2rem;
+                                        padding-top: 1rem;
+                                        padding-left: 2rem;
                                        margin-top:1rem;
                                    }
                                    @media (max-width: 479px){
@@ -124,6 +133,10 @@
                                    display: grid;
                                    grid-template-columns: 25% 80%;
                                    gap: 2rem;
+                                    @media (max-width:810px) {
+                                        display: flex;
+                                        flex-direction: column ;
+                                    }
                                    .view-filters{
                                        position: sticky;
                                        align-self: start;
@@ -141,6 +154,9 @@
                                        @media (max-width: 810px) {
                                            position: static;
                                            margin-bottom: 2rem;
+                                            transform: none;
+                                            margin-bottom: 0px;
+
                                        }
                                        @media (max-width: 479px) {
                                            margin-left: 0;