updating styles

stellar · Mar 5, 2024 · 08baea9 · 08baea9
1 parent 4fa7272
commit 08baea9
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 25 deletions.
diff --git a/src/app/(sidebar)/account/create/page.tsx b/src/app/(sidebar)/account/create/page.tsx
@@ -2,28 +2,29 @@
 
 import { Card, Link, Text, Button, Icon } from "@stellar/design-system";
 
-import { NextLink } from "@/components/NextLink";
+import "../styles.scss";
 
 export default function CreateAccount() {
   return (
-    <Card>
-      <div className="CardText">
-        <Text size="lg" as="h1" weight="medium">
-          Keypair Generator
-        </Text>
+    <div className="Account">
+      <Card>
+        <div className="CardText">
+          <Text size="lg" as="h1" weight="medium">
+            Keypair Generator
+          </Text>
 
-        <Text size="sm" as="p">
-          These keypairs can be used on the Stellar network where one is
-          required. For example, it can be used as an account master key,
-          account signer, and/or as a stellar-core node key.
-        </Text>
-      </div>
-
-      <div className="padding-top-30">
-        <Button size="md" variant="tertiary">
-          Generate keypair
-        </Button>
-      </div>
-    </Card>
+          <Text size="sm" as="p">
+            These keypairs can be used on the Stellar network where one is
+            required. For example, it can be used as an account master key,
+            account signer, and/or as a stellar-core node key.
+          </Text>
+        </div>
+        <div className="CardText__button">
+          <Button size="md" variant="tertiary">
+            Generate keypair
+          </Button>
+        </div>
+      </Card>
+    </div>
   );
 }
diff --git a/src/app/(sidebar)/account/styles.scss b/src/app/(sidebar)/account/styles.scss
@@ -0,0 +1,7 @@
+@use "../../../styles/utils.scss" as *;
+
+.Account {
+    .CardText__button{
+        padding-top: pxToRem(30px);
+    }
+}
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
@@ -317,9 +317,3 @@
   }
 }
 
-// =============================================================================
-// Margin | Padding
-// =============================================================================
-.padding-top-30 {
-  padding-top: pxToRem(30px);
-}