chore: update homepage

farm-fe · Jun 19, 2024 · b5847f5 · b5847f5
1 parent 42e59b1
commit b5847f5
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 5 deletions.
diff --git a/src/components/MagicUi/animated-shiny-text.tsx b/src/components/MagicUi/animated-shiny-text.tsx
@@ -13,7 +13,7 @@ export function AnimatedGradientText({
   return (
     <div
       className={cn(
-        "group relative mx-auto flex max-w-fit flex-row items-center justify-center rounded-2xl bg-white/40 px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#8fdfff1f] backdrop-blur-sm transition-shadow duration-500 ease-out [--bg-size:300%] hover:shadow-[inset_0_-5px_10px_#8fdfff3f] dark:bg-black/40",
+        "group relative mx-auto h-8 flex max-w-fit flex-row items-center justify-center rounded-2xl bg-white/40 px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#8fdfff1f] backdrop-blur-sm transition-shadow duration-500 ease-out [--bg-size:300%] hover:shadow-[inset_0_-5px_10px_#8fdfff3f] dark:bg-black/40",
         className
       )}
     >

diff --git a/src/components/MagicUi/bento-grid.tsx b/src/components/MagicUi/bento-grid.tsx
@@ -63,8 +63,8 @@ const BentoCard = ({
         "pointer-events-none absolute bottom-0 flex w-full translate-y-10 transform-gpu flex-row items-center p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100",
       )}
     >
-      <button className="pointer-events-auto">
-        <a href={href}>
+      <button className="pointer-events-auto bg-transparent border-0">
+        <a href={href} className="flex items-center my-1 mx-1 text-base">
           {cta}
           <ArrowRightIcon className="ml-2 h-4 w-4" />
         </a>

diff --git a/src/components/MagicUi/shiny-text.tsx b/src/components/MagicUi/shiny-text.tsx
@@ -43,7 +43,7 @@ export default function ShinyTextEx() {
     <div className="z-10 flex items-center justify-end">
       <div
         className={cn(
-          "group rounded-full border border-black/5 bg-neutral-100 text-base text-white transition-all ease-in hover:cursor-pointer hover:bg-neutral-200 dark:border-white/5 dark:bg-neutral-900 dark:hover:bg-neutral-800",
+          "group rounded-full h-9 border border-black/5 bg-neutral-100 text-base text-white transition-all ease-in hover:cursor-pointer hover:bg-neutral-200 dark:border-white/5 dark:bg-neutral-900 dark:hover:bg-neutral-800",
         )}
       >
         <ShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-600 hover:duration-300 hover:dark:text-neutral-400">

diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -235,3 +235,13 @@ a {
   font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
+
+figure {
+  margin: 12px 12px;
+  // display: block;
+  // margin-block-start: 1em;
+  // margin-block-end: 1em;
+  // margin-inline-start: 40px;
+  // margin-inline-end: 40px;
+  // unicode-bidi: isolate;
+}
diff --git a/src/pages/card.tsx b/src/pages/card.tsx
@@ -193,7 +193,7 @@ const features = [
       "Get notified when someone shares a file or mentions you in a comment.",
     href: "/",
     cta: "Learn more",
-    background: 123,
+    background: <></>,
     className: "lg:col-start-3 lg:col-end-3 lg:row-start-2 lg:row-end-3",
   },
 ];