added by wash

CerebriumAI · Jun 26, 2024 · d85f582 · d85f582
1 parent a31aa54
commit d85f582
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 2 deletions.
diff --git a/public/color-wash-bg.png b/public/color-wash-bg.png
diff --git a/src/Splash.tsx b/src/Splash.tsx
@@ -14,7 +14,7 @@ type SplashProps = {
 
 const Splash: React.FC<SplashProps> = ({ handleReady }) => {
   return (
-    <main className="w-full h-full flex items-center justify-center bg-primary-200 p-4">
+    <main className="w-full h-full flex items-center justify-center bg-primary-200 p-4 bg-[length:auto_50%] lg:bg-auto bg-colorWash bg-no-repeat bg-right-top">
       <div className="flex flex-col gap-8 lg:gap-12 items-center max-w-full lg:max-w-3xl">
         <h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-balance">
           The World&apos;s Fastest Voice Bot Demo

diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
@@ -14,7 +14,7 @@ const buttonVariants = cva(
         ghost:
           "border-primary-200 bg-white text-primary hover:border-primary-300 hover:bg-white/0 disabled:text-primary-foreground/50",
         outline: "button-outline",
-        light: "button-light",
+        light: "border-transparent bg-transparent hover:bg-primary-50/20",
         icon: "bg-transparent border-0 hover:bg-primary-200",
       },
       size: {

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -27,6 +27,7 @@ export default {
         },
       },
       backgroundImage: {
+        colorWash: "url('/color-wash-bg.png')",
         cardBorder: `linear-gradient(90deg, white, white), linear-gradient(0deg, ${colors.gray[300]}, ${colors.gray[200]})`,
         selectArrow:
           "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzY0NzQ4QiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=')",