feat(app-main-wrapper): add media query layout sizing for larger scre…

…ensizes (2561px +) (#2287) * 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 +)
zer0-os · Sep 16, 2024 · d7ad6c4 · d7ad6c4
1 parent 6ae2fdc
commit d7ad6c4
Show file tree

Hide file tree

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

diff --git a/src/main.scss b/src/main.scss
@@ -32,6 +32,10 @@ $border-color-hover: theme-zui.$color-primary-7;
     justify-content: space-between;
     margin: 0 auto;
     width: 100%;
+
+    @media only screen and (min-width: 2560px) and (min-height: 1440px) {
+      width: unset;
+    }
   }
 
   &.messenger-full-screen {