MPR Fix device details page rwd

Fix device details page rwd
oursky · Aug 12, 2024 · 0c6e11c · 0c6e11c
2 parents 90ef298 + cb7bc40
commit 0c6e11c
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/styles/upload.css b/src/styles/upload.css
@@ -13,13 +13,23 @@ main {
 @media (min-width: 1440px) {
   .mockup-content {
     padding: 50px 200px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
 }
 
 .device-header {
   flex: 1 1 0%;
 }
 
+@media (min-width: 1440px) {
+  .device-header {
+    width: min(calc(100vw - 400px), 1270px);
+    text-align: left;
+  }
+}
+
 .mockup-lg {
   flex: 1 1 0%;
 }
@@ -31,6 +41,13 @@ main {
   }
 }
 
+@media (min-width: 1440px) {
+  .mockup-lg {
+    width: 100%;
+    max-width: 1270px;
+  }
+}
+
 @media (min-width: 992px) {
   .mockup-lg-left {
     flex: 1 1 0%;