Changing font size and number of rows according to screen size.

starknet-io · May 8, 2024 · 8b91627 · 8b91627
1 parent ff10665
commit 8b91627
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx b/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
@@ -43,7 +43,7 @@ const NavbarStickyBanner = ({
         display={isOpen ? "flex" : "none"}
         overflow="hidden"
         transition="max-height 1.5s"
-        gap={{ xs: 3, base: 6 }}
+        gap={{ base: 2, md: 6 }}
         py={2}
         zIndex={10}
         _dark={{ bgColor: "surfaceAccent" }}
@@ -54,6 +54,8 @@ const NavbarStickyBanner = ({
             color="white"
             _dark={{ color: "snNavy" }}
             width={{ base: "unset", sm: "245px", md: "unset" }}
+            fontSize={{ base: "12px", sm: "14px", lg: "unset" }}
+            noOfLines={2}
           >
             {text}
           </Text>
@@ -67,7 +69,7 @@ const NavbarStickyBanner = ({
             color="snNavy"
             fontWeight={600}
             lineHeight="21px"
-            fontSize={{ base: 12, sm: 14 }}
+            fontSize={14}
             _dark={{
               color: "white",
               bgColor: "darkMode.card",
@@ -83,7 +85,7 @@ const NavbarStickyBanner = ({
           width="22px"
           height="22px"
           aria-label="Close"
-          mx={3}
+          mx={2}
           _dark={{
             color: "darkMode.card",
             bgColor: "transparent",