container styles

elizaOS · Nov 5, 2024 · 1dc0e70 · 1dc0e70
1 parent 0343bd9
commit 1dc0e70
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/src/components/ProfileHoldings.module.css b/src/components/ProfileHoldings.module.css
@@ -138,17 +138,18 @@
 }
 
 .container {
-  width: 700px;
+  width: calc(100% - 48px);
   padding: 24px 0 0 0;
   box-sizing: border-box;
-  margin: 0 auto;
+  margin: 0 24px;
 }
 
 @media (max-width: 768px) {
   .container {
-    width: 100%;
-    padding: 24px 8px;
+    width: calc(100% - 48px);
+    padding: 24px 0;
     overflow-x: hidden;
+    margin: 0 24px;
   }
 
   .holdingsTable {

diff --git a/src/components/ProfileTotals.module.css b/src/components/ProfileTotals.module.css
@@ -61,13 +61,13 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    margin: 24px 0 16px 0;
+    margin: 24px 24px 16px 24px;
     padding: 4px;
-    width: 100%;
+    width: calc(100% - 48px);
 }
 
 .metricsBar {
-    width: 100%;
+    width: calc(100% - 48px);
     position: relative;
     background: linear-gradient(180deg, #9c9584, #736b55);
     border-radius: 14px;
@@ -82,7 +82,7 @@
     font-size: 24px;
     color: #fff;
     font-family: 'SF Compact Rounded';
-    margin: 0;
+    margin: 0 24px;
 }
 
 .metricItem {
@@ -157,13 +157,13 @@
 @media (max-width: 768px) {
     .metricsBar {
         padding: 16px;
-        margin: 0;
-        width: 100%;
+        margin: 0 24px;
+        width: calc(100% - 48px);
     }
 
     .buttonParent {
-        margin: 24px 0 16px 0;
-        width: 100%;
+        margin: 24px 24px 16px 24px;
+        width: calc(100% - 48px);
     }
 }