fix responsive issues of BitSnackBar #9623

bitfoundation · Jan 6, 2025 · 9436aa8 · 9436aa8
1 parent 8cda796
commit 9436aa8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Notifications/SnackBar/BitSnackBar.scss b/src/BlazorUI/Bit.BlazorUI/Components/Notifications/SnackBar/BitSnackBar.scss
@@ -1,6 +1,8 @@
 @import "../../../Styles/functions.scss";
+@import "../../../Styles/media-queries.scss";
 
 .bit-snb {
+    width: 100%;
     display: flex;
     position: fixed;
     gap: spacing(1.25);
@@ -171,6 +173,7 @@
 .bit-snb-tcn {
     left: 50%;
     top: spacing(1);
+    align-items: center;
     transform: translateX(-50%);
 }
 
@@ -188,6 +191,7 @@
 .bit-snb-bcn {
     left: 50%;
     bottom: spacing(1);
+    align-items: center;
     transform: translateX(-50%);
 }