fix: revamp max width 1920x1080 (#371)

HathorNetwork · Jan 9, 2025 · 9a5fa78 · 9a5fa78
1 parent 6bda5d2
commit 9a5fa78
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/App.js b/src/App.js
@@ -51,13 +51,7 @@ const NavigationRoute = ({ internalScreen: InternalScreen }) => {
   const newUiEnabled = useNewUiEnabled();
 
   return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        minHeight: '100%',
-      }}
-    >
+    <div className="limit-section">
       <Navigation />
       <div style={{ flex: 1 }}>
         <InternalScreen />

diff --git a/src/newUi.scss b/src/newUi.scss
@@ -120,6 +120,14 @@ body {
   purpleHathor: $purpleHathor;
 }
 
+.limit-section {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+  max-width: 1440px;
+  margin: 0 auto;
+}
+
 .nav-title {
   color: var(--bold-text-color);
   white-space: nowrap;
@@ -951,6 +959,7 @@ nav {
   padding: 0px 0px 17px 0px;
   bottom: 220px;
   width: 100%;
+  left: 0;
 }
 
 .new-hathor-alert {
@@ -1557,7 +1566,7 @@ nav {
 
 .new-timeseries-iframe {
   display: flex;
-  height: 2300px;
+  height: 1080px;
   width: 100%;
   border: none;
 }