Refactor ProjectBrochuresList and BrochureButton components for improved styling and consistency; update font weight and class names for better UI presentation.

2026-01-21 18:04:59 +05:00
parent 8ed33a13b1
commit 36046214e1
2 changed files with 9 additions and 7 deletions
@@ -16,13 +16,15 @@ export default function ProjectBrochuresList({
  const isMobile = variant === "mobile";

  return (
-    <div className={clsx("space-y-3", isMobile ? "flex-1" : "2xl:w-[15.278vw] w-[220px]")}>
-      <p className="font-semibold whitespace-nowrap text-s">{projectTitle}</p>
+    <div
+      className={clsx(
+        "space-y-3",
+        isMobile ? "flex-1" : "2xl:w-[15.278vw] w-[220px]"
+      )}
+    >
+      <p className="font-medium whitespace-nowrap text-h5">{projectTitle}</p>
      <div
-        className={clsx(
-          "flex flex-col",
-          isMobile ? "gap-2" : "gap-[0.556vw]"
-        )}
+        className={clsx("flex flex-col", isMobile ? "gap-2" : "gap-[0.556vw]")}
      >
        {brochures.map((brochure, index) => (
          <BrochureButton