refactor(media-queries): remove min height on media queries (#2288)

* refactor(messenger-feed): remove inline padding * refactor(feed-header): remove top stroke * refactor(app-layout): update split pane gap for positioning and spacing * feat(messenger-feed): add media query to adjust max-width of messenger feed for 2560x1440 screen resolution * feat(app-main-wrapper): add media query layout sizing for larger screensizes (2561px +) * refactor(media-queries): remove min height on media queries
zer0-os · Sep 16, 2024 · 6801be3 · 6801be3
1 parent d7ad6c4
commit 6801be3
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/messenger/chat/styles.scss b/src/components/messenger/chat/styles.scss
@@ -127,7 +127,7 @@ $title-bar-border-radius: 8px 8px 0px 0px;
     overflow: hidden;
     width: 100%;
 
-    @media only screen and (min-width: 2561px) and (min-height: 1440px) {
+    @media (min-width: 2561px) {
       min-width: 1558px;
     }
 

diff --git a/src/components/messenger/feed/styles.scss b/src/components/messenger/feed/styles.scss
@@ -27,7 +27,7 @@
     backdrop-filter: blur(64px);
   }
 
-  @media only screen and (min-width: 2560px) and (min-height: 1440px) {
+  @media (min-width: 2561px) {
     max-width: 594px;
   }
 }
diff --git a/src/main.scss b/src/main.scss
@@ -33,7 +33,7 @@ $border-color-hover: theme-zui.$color-primary-7;
     margin: 0 auto;
     width: 100%;
 
-    @media only screen and (min-width: 2560px) and (min-height: 1440px) {
+    @media (min-width: 2561px) {
       width: unset;
     }
   }