From 4838df315931bb883f704ec3e1abe2685f296cdf Mon Sep 17 00:00:00 2001
From: HsiangNianian <admin@jyunko.cn>
Date: Sat, 22 Apr 2023 19:52:26 +0800
Subject: 😀
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/home-shared/GradientSectionBorder.tsx    | 37 ++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 docs/components/pages/home-shared/GradientSectionBorder.tsx

(limited to 'docs/components/pages/home-shared/GradientSectionBorder.tsx')

diff --git a/docs/components/pages/home-shared/GradientSectionBorder.tsx b/docs/components/pages/home-shared/GradientSectionBorder.tsx
new file mode 100644
index 0000000..ef1e824
--- /dev/null
+++ b/docs/components/pages/home-shared/GradientSectionBorder.tsx
@@ -0,0 +1,37 @@
+import cn from "classnames";
+import { FadeIn } from "./FadeIn";
+import gradients from "../home-shared/gradients.module.css";
+
+export function GradientSectionBorder({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <section className={cn("relative overflow-hidden")}>
+      <FadeIn noVertical viewTriggerOffset>
+        <span
+          className={cn(
+            "w-full absolute white h-[1px] top-0 opacity-25",
+            gradients.gradientSectionBorderDivider
+          )}
+        />
+        <span
+          className={cn(
+            gradients.gradientSectionBorder,
+            gradients.gradientSectionBorderLeft,
+            "dark:opacity-35 opacity-[0.15]"
+          )}
+        />
+        <span
+          className={cn(
+            gradients.gradientSectionBorder,
+            gradients.gradientSectionBorderRight,
+            "dark:opacity-35 opacity-[0.15]"
+          )}
+        />
+      </FadeIn>
+      {children}
+    </section>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

