Apply minor styling adjustments

thesis · Apr 18, 2024 · 3c77258 · 3c77258
1 parent 36bb9e6
commit 3c77258
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/dapp/src/pages/LandingPage/ValueCard.tsx b/dapp/src/pages/LandingPage/ValueCard.tsx
@@ -21,8 +21,8 @@ const valueDecorator: SystemStyleObject = {
   mask: `url(${decorator}) no-repeat 50% 50%`,
   maskSize: "contain",
   display: "inline-block",
-  w: "3.625rem", // 58px
-  h: 10,
+  w: { base: "2.9rem", xl: "3.625rem" }, // 46,8px, 58px
+  h: { base: 8, xl: 10 },
   transform: "auto",
   transformOrigin: "center",
   background: "currentColor",

diff --git a/dapp/src/theme/Card.ts b/dapp/src/theme/Card.ts
@@ -77,11 +77,14 @@ export const cardTheme: ComponentSingleStyleConfig = {
       },
       body: {
         p: 0,
-        fontSize: "6xl",
+        fontSize: { base: "5xl", xl: "6xl" },
         lineHeight: 1.2,
         fontWeight: "semibold",
         color: "currentColor",
         letterSpacing: "0.075rem", // 1.2px
+        whiteSpace: "nowrap",
+        display: "flex",
+        alignItems: "center",
       },
       footer: {
         p: 0,