XLarge header breakpoint

2025-08-03 21:08:20 -06:00
parent 8d50130718
commit 37caada856
4 changed files with 62 additions and 10 deletions
@@ -23,12 +23,19 @@ export default function Logo({ size = "default", showText = true }) {
      iconSize: "w-[22.02px] h-[22.02px]",
    },
    headerLg: {
-      containerHeight: "h-[27.05px]",
+      containerHeight: "h-[28px]",
      gap: "gap-[6.55px]",
      textSize: "text-[21.97px]",
      lineHeight: "leading-[27.05px]",
      iconSize: "w-[27.05px] h-[27.05px]",
    },
+    headerXl: {
+      containerHeight: "h-[34px]",
+      gap: "gap-[8.19px]",
+      textSize: "text-[27.47px]",
+      lineHeight: "leading-[33.81px]",
+      iconSize: "w-[33.81px] h-[33.81px]",
+    },
    footer: {
      containerHeight: "h-[calc(40px*1.37)]",
      gap: "gap-[calc(8px*1.37)]",
@@ -52,6 +59,8 @@ export default function Logo({ size = "default", showText = true }) {
      ? sizes.headerMd
      : size === "headerLg"
      ? sizes.headerLg
+      : size === "headerXl"
+      ? sizes.headerXl
      : size === "footer"
      ? sizes.footer
      : size === "footerLg"