@snow-labs/brutal-ui 0.3.1 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/brutal/cta-section.js +8 -4
- package/dist/components/brutal/cta-section.js.map +1 -1
- package/dist/components/brutal/hero.js +4 -4
- package/dist/components/brutal/hero.js.map +1 -1
- package/dist/components/brutal/index.js +12 -8
- package/dist/components/brutal/index.js.map +1 -1
- package/dist/index.js +12 -8
- package/dist/index.js.map +1 -1
- package/dist/templates/index.js +12 -8
- package/dist/templates/index.js.map +1 -1
- package/dist/templates/saas-launch.js +12 -8
- package/dist/templates/saas-launch.js.map +1 -1
- package/dist/templates/studio.js +12 -8
- package/dist/templates/studio.js.map +1 -1
- package/package.json +1 -1
package/dist/templates/index.js
CHANGED
|
@@ -364,11 +364,11 @@ function BrutalHero({
|
|
|
364
364
|
variant === "centered" && "mx-auto"
|
|
365
365
|
), children: description }),
|
|
366
366
|
/* @__PURE__ */ jsxs("div", { className: cn(
|
|
367
|
-
"flex flex-
|
|
368
|
-
variant === "centered" && "justify-center"
|
|
367
|
+
"flex flex-col gap-3 sm:flex-row sm:gap-4",
|
|
368
|
+
variant === "centered" && "sm:justify-center"
|
|
369
369
|
), children: [
|
|
370
|
-
/* @__PURE__ */ jsx(Button, { variant: ctaVariant, size: "xl", render: /* @__PURE__ */ jsx("a", { href: ctaHref }), children: ctaText }),
|
|
371
|
-
secondaryText && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "xl", render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }), children: secondaryText })
|
|
370
|
+
/* @__PURE__ */ jsx(Button, { variant: ctaVariant, size: "xl", className: "w-full sm:w-auto", render: /* @__PURE__ */ jsx("a", { href: ctaHref }), children: ctaText }),
|
|
371
|
+
secondaryText && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "xl", className: "w-full sm:w-auto", render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }), children: secondaryText })
|
|
372
372
|
] }),
|
|
373
373
|
proof && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm font-medium opacity-70", children: [
|
|
374
374
|
/* @__PURE__ */ jsx("span", { className: "inline-flex size-5 items-center justify-center border border-current text-xs", children: "\u2713" }),
|
|
@@ -1029,12 +1029,13 @@ function CTAButtons({
|
|
|
1029
1029
|
secondaryText,
|
|
1030
1030
|
secondaryHref
|
|
1031
1031
|
}) {
|
|
1032
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex flex-
|
|
1032
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:justify-center sm:gap-4", children: [
|
|
1033
1033
|
/* @__PURE__ */ jsx(
|
|
1034
1034
|
Button,
|
|
1035
1035
|
{
|
|
1036
1036
|
variant: ctaVariant,
|
|
1037
1037
|
size: "xl",
|
|
1038
|
+
className: "w-full sm:w-auto",
|
|
1038
1039
|
render: /* @__PURE__ */ jsx("a", { href: ctaHref }),
|
|
1039
1040
|
children: ctaText
|
|
1040
1041
|
}
|
|
@@ -1043,7 +1044,8 @@ function CTAButtons({
|
|
|
1043
1044
|
Button,
|
|
1044
1045
|
{
|
|
1045
1046
|
variant: "outline",
|
|
1046
|
-
size: "
|
|
1047
|
+
size: "xl",
|
|
1048
|
+
className: "w-full sm:w-auto",
|
|
1047
1049
|
render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }),
|
|
1048
1050
|
children: secondaryText
|
|
1049
1051
|
}
|
|
@@ -1073,12 +1075,13 @@ function SplitCTA(props) {
|
|
|
1073
1075
|
/* @__PURE__ */ jsx("h2", { className: "brutal-h1 mb-6", children: props.headline }),
|
|
1074
1076
|
props.description && /* @__PURE__ */ jsx("p", { className: "brutal-body mb-4 opacity-80", children: props.description }),
|
|
1075
1077
|
props.stats && /* @__PURE__ */ jsx("p", { className: "brutal-label mb-8 opacity-60", children: props.stats }),
|
|
1076
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-
|
|
1078
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-4", children: [
|
|
1077
1079
|
/* @__PURE__ */ jsx(
|
|
1078
1080
|
Button,
|
|
1079
1081
|
{
|
|
1080
1082
|
variant: props.ctaVariant || "cta",
|
|
1081
1083
|
size: "xl",
|
|
1084
|
+
className: "w-full sm:w-auto",
|
|
1082
1085
|
render: /* @__PURE__ */ jsx("a", { href: props.ctaHref || "#" }),
|
|
1083
1086
|
children: props.ctaText
|
|
1084
1087
|
}
|
|
@@ -1087,7 +1090,8 @@ function SplitCTA(props) {
|
|
|
1087
1090
|
Button,
|
|
1088
1091
|
{
|
|
1089
1092
|
variant: "outline",
|
|
1090
|
-
size: "
|
|
1093
|
+
size: "xl",
|
|
1094
|
+
className: "w-full sm:w-auto",
|
|
1091
1095
|
render: /* @__PURE__ */ jsx("a", { href: props.secondaryHref || "#" }),
|
|
1092
1096
|
children: props.secondaryText
|
|
1093
1097
|
}
|