@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
|
@@ -359,11 +359,11 @@ function BrutalHero({
|
|
|
359
359
|
variant === "centered" && "mx-auto"
|
|
360
360
|
), children: description }),
|
|
361
361
|
/* @__PURE__ */ jsxs("div", { className: cn(
|
|
362
|
-
"flex flex-
|
|
363
|
-
variant === "centered" && "justify-center"
|
|
362
|
+
"flex flex-col gap-3 sm:flex-row sm:gap-4",
|
|
363
|
+
variant === "centered" && "sm:justify-center"
|
|
364
364
|
), children: [
|
|
365
|
-
/* @__PURE__ */ jsx(Button, { variant: ctaVariant, size: "xl", render: /* @__PURE__ */ jsx("a", { href: ctaHref }), children: ctaText }),
|
|
366
|
-
secondaryText && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "xl", render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }), children: secondaryText })
|
|
365
|
+
/* @__PURE__ */ jsx(Button, { variant: ctaVariant, size: "xl", className: "w-full sm:w-auto", render: /* @__PURE__ */ jsx("a", { href: ctaHref }), children: ctaText }),
|
|
366
|
+
secondaryText && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "xl", className: "w-full sm:w-auto", render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }), children: secondaryText })
|
|
367
367
|
] }),
|
|
368
368
|
proof && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm font-medium opacity-70", children: [
|
|
369
369
|
/* @__PURE__ */ jsx("span", { className: "inline-flex size-5 items-center justify-center border border-current text-xs", children: "\u2713" }),
|
|
@@ -1024,12 +1024,13 @@ function CTAButtons({
|
|
|
1024
1024
|
secondaryText,
|
|
1025
1025
|
secondaryHref
|
|
1026
1026
|
}) {
|
|
1027
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex flex-
|
|
1027
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:justify-center sm:gap-4", children: [
|
|
1028
1028
|
/* @__PURE__ */ jsx(
|
|
1029
1029
|
Button,
|
|
1030
1030
|
{
|
|
1031
1031
|
variant: ctaVariant,
|
|
1032
1032
|
size: "xl",
|
|
1033
|
+
className: "w-full sm:w-auto",
|
|
1033
1034
|
render: /* @__PURE__ */ jsx("a", { href: ctaHref }),
|
|
1034
1035
|
children: ctaText
|
|
1035
1036
|
}
|
|
@@ -1038,7 +1039,8 @@ function CTAButtons({
|
|
|
1038
1039
|
Button,
|
|
1039
1040
|
{
|
|
1040
1041
|
variant: "outline",
|
|
1041
|
-
size: "
|
|
1042
|
+
size: "xl",
|
|
1043
|
+
className: "w-full sm:w-auto",
|
|
1042
1044
|
render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }),
|
|
1043
1045
|
children: secondaryText
|
|
1044
1046
|
}
|
|
@@ -1068,12 +1070,13 @@ function SplitCTA(props) {
|
|
|
1068
1070
|
/* @__PURE__ */ jsx("h2", { className: "brutal-h1 mb-6", children: props.headline }),
|
|
1069
1071
|
props.description && /* @__PURE__ */ jsx("p", { className: "brutal-body mb-4 opacity-80", children: props.description }),
|
|
1070
1072
|
props.stats && /* @__PURE__ */ jsx("p", { className: "brutal-label mb-8 opacity-60", children: props.stats }),
|
|
1071
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-
|
|
1073
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-4", children: [
|
|
1072
1074
|
/* @__PURE__ */ jsx(
|
|
1073
1075
|
Button,
|
|
1074
1076
|
{
|
|
1075
1077
|
variant: props.ctaVariant || "cta",
|
|
1076
1078
|
size: "xl",
|
|
1079
|
+
className: "w-full sm:w-auto",
|
|
1077
1080
|
render: /* @__PURE__ */ jsx("a", { href: props.ctaHref || "#" }),
|
|
1078
1081
|
children: props.ctaText
|
|
1079
1082
|
}
|
|
@@ -1082,7 +1085,8 @@ function SplitCTA(props) {
|
|
|
1082
1085
|
Button,
|
|
1083
1086
|
{
|
|
1084
1087
|
variant: "outline",
|
|
1085
|
-
size: "
|
|
1088
|
+
size: "xl",
|
|
1089
|
+
className: "w-full sm:w-auto",
|
|
1086
1090
|
render: /* @__PURE__ */ jsx("a", { href: props.secondaryHref || "#" }),
|
|
1087
1091
|
children: props.secondaryText
|
|
1088
1092
|
}
|