setup padding to 16px for the banner

XLabs · Oct 25, 2023 · 55f7a93 · 55f7a93
1 parent 355e3c9
commit 55f7a93
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/public/cosmos/index.css b/public/cosmos/index.css
@@ -301,6 +301,8 @@ body {
     height: auto;
     padding: 8px;
     flex-direction: column;
+    padding-top: 16px;
+    padding-bottom: 16px;
   }
   .wormholescan-banner p {
     margin: 0px;

diff --git a/public/sui/index.css b/public/sui/index.css
@@ -301,6 +301,8 @@ body {
     height: auto;
     padding: 8px;
     flex-direction: column;
+    padding-top: 16px;
+    padding-bottom: 16px;
   }
   .wormholescan-banner p {
     margin: 0px;

diff --git a/public/usdc-bridge/index.css b/public/usdc-bridge/index.css
@@ -396,6 +396,8 @@ body {
     height: auto;
     padding: 8px;
     flex-direction: column;
+    padding-top: 16px;
+    padding-bottom: 16px;
   }
   .wormholescan-banner p {
     margin: 0px;

diff --git a/src/components/NewsBar/Bar.tsx b/src/components/NewsBar/Bar.tsx
@@ -12,6 +12,8 @@ const useStyles = makeStyles<Theme, Pick<Message, "background">>((theme) => ({
       height: "auto",
       flexDirection: "column",
       padding: theme.spacing(1),
+      paddingTop: theme.spacing(2),
+      paddingBottom: theme.spacing(2),
     },
     textAlign: "center",
     fontWeight: 500,