aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/components/pages/home-shared/Headings.tsx
diff options
context:
space:
mode:
author简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
committer简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
commit9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 (patch)
tree51614fe47bff8bb11028a07d4a35c34c9ff6594a /docs/components/pages/home-shared/Headings.tsx
parent8f135707d069c900e055dae71e69909d6b9a41bb (diff)
downloadHydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.tar.gz
HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.zip
chore: delete useless codes
Diffstat (limited to 'docs/components/pages/home-shared/Headings.tsx')
-rw-r--r--docs/components/pages/home-shared/Headings.tsx56
1 files changed, 0 insertions, 56 deletions
diff --git a/docs/components/pages/home-shared/Headings.tsx b/docs/components/pages/home-shared/Headings.tsx
deleted file mode 100644
index 43a5e52..0000000
--- a/docs/components/pages/home-shared/Headings.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import cn from "classnames";
-import gradients from "./gradients.module.css";
-
-export function HeroText({
- children,
- className,
- h1,
-}: {
- children: React.ReactNode;
- className?: string;
- h1?: boolean;
-}) {
- const combinedClassname = cn(
- gradients.heroHeading,
- "font-extrabold tracking-[-0.04em] leading-none text-[40px] md:text-5xl lg:text-[80px] max-w-lg md:max-w-xl lg:max-w-4xl text-center text-transparent",
- className
- );
-
- if (h1) {
- return <h1 className={combinedClassname}>{children}</h1>;
- }
- return <h2 className={combinedClassname}>{children}</h2>;
-}
-
-export function SectionHeader({ children }: { children: React.ReactNode }) {
- return (
- <h2
- className={cn(
- gradients.heroHeading,
- "font-bold tracking-[-0.01em] pb-1 text-[32px] md:text-4xl lg:text-[40px] max-w-sm md:max-w-md lg:max-w-2xl text-center text-transparent"
- )}
- >
- {children}
- </h2>
- );
-}
-
-export function SectionSubtext({
- hero,
- children,
-}: {
- hero?: boolean;
- children: React.ReactNode;
-}) {
- const textClasses = hero
- ? "text-[20px] lg:text-xl"
- : "text-[16px] lg:text-[20px]";
-
- return (
- <p
- className={`font-space-grotesk leading-snug dark:text-[#FFFFFFB2] text-[#00000080] ${textClasses} max-w-md md:max-w-xl lg:max-w-[640px] text-center`}
- >
- {children}
- </p>
- );
-}