Fix styles

NEARBuilders · Nov 9, 2023 · d6e3fbc · d6e3fbc
1 parent 9a4eb84
commit d6e3fbc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/apps/homepage/widget/components/button/join-now.jsx b/apps/homepage/widget/components/button/join-now.jsx
@@ -54,6 +54,10 @@ const Button = styled.a`
   font-style: normal;
   font-weight: 500;
   line-height: normal;
+
+  @media screen and (max-width: 768px) {
+    flex: 1 1 0;
+  }
 `;
 
 const Container = styled.div`
@@ -63,6 +67,9 @@ const Container = styled.div`
   @media screen and (max-width: 768px) {
     margin: 0;
     width: 100%;
+
+    display: flex;
+    justify-content: center;
   }
 `;
 

diff --git a/src/pages/Flags.js b/src/pages/Flags.js
@@ -9,6 +9,7 @@ const Container = styled.div`
   flex-direction: column;
   gap: 1rem;
   padding: 2rem 1rem;
+  color: #fff;
 `;
 
 const Form = styled.div`
@@ -36,15 +37,11 @@ export default function Flags() {
 
   return (
     <Container className="container-xl">
-      <h1>
-        Flags
-      </h1>
+      <h1>Flags</h1>
 
       <Form>
         <InputGrid>
-          <p>
-            BOS Loader Url
-          </p>
+          <p>BOS Loader Url</p>
 
           <input
             className="form-control"
@@ -57,16 +54,20 @@ export default function Flags() {
         <button
           onClick={() => setFlags({ bosLoaderUrl: url })}
           style={{ marginLeft: "auto" }}
-        >Save</button>
+        >
+          Save
+        </button>
       </Form>
     </Container>
   );
-};
+}
 
-{/* <Widget
+{
+  /* <Widget
 src="devs.near/widget/SetFlagButton"
 props={{
   url: "https://everything.dev",
   setFlags: setFlags,
 }}
-/> */}
+/> */
+}