update: admin notice responsive css

getdokan · Dec 12, 2024 · 4ff866f · 4ff866f
1 parent 8380a53
commit 4ff866f
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 7 deletions.
diff --git a/assets/src/less/global-admin.less b/assets/src/less/global-admin.less
@@ -255,12 +255,23 @@
 
     @media only screen and (max-width: 375px) {
         .dokan-admin-notices {
+            .notice-content{
+                flex-direction: column;
+                align-items: start !important;
+                gap: 1rem;
+            }
             .dokan-notice-slides {
                 min-height: 245px;
 
                 .dokan-admin-notice {
+                    align-items: start;
+                    padding: 10px 20px;
                     .dokan-message {
-                        margin: 0 0 0 23px;
+                        div{
+                            max-height: 50px;
+                            overflow: scroll;
+                        }
+                        margin: 0;
                     }
                 }
             }
@@ -276,21 +287,33 @@
 
     @media screen and (min-width: 376px) and (max-width: 576px) {
         .dokan-admin-notices {
+
+            .notice-content{
+                flex-direction: column;
+                align-items: start !important;
+                gap: 1rem;
+                height: 195px;
+            }
             .dokan-notice-slides {
                 min-height: 195px;
 
                 .dokan-admin-notice {
+                    align-items: start;
+                    padding: 10px  20px;
                     .dokan-message {
-                        margin: 0 0 0 23px;
+                        div{
+                            max-height: 50px;
+                            overflow: scroll;
+                        }
+                        margin: 0;
                     }
                 }
             }
 
             .slide-notice {
-                bottom: 0;
-                right: 10px;
+                right: 3rem;
                 padding: 3px 8px;
-                top: unset;
+                top: 2rem;
             }
         }
     }

diff --git a/src/admin/pages/Settings.vue b/src/admin/pages/Settings.vue
@@ -1277,8 +1277,6 @@
             .slide-enter, .slide-leave-to {
                 transform: translateX(-100%);
             }
-
-
             .dokan-settings-wrap {
                     .nav-tab-wrapper {
                         padding: 10px;