diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-08-04 11:12:44 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-08-04 11:12:44 +0200 |
| commit | efa5be2ab8fd5be095995378caddd0784fc3fbd3 (patch) | |
| tree | ccc4cab14e9ab53f34bbecfeb3b3f8acf04e1b03 /apps/web/src/components/landing | |
| parent | b0cfedbc5aacdaf4df165ef4b0a61c3128aff1f2 (diff) | |
| download | opencut-efa5be2ab8fd5be095995378caddd0784fc3fbd3.tar.gz | |
feat: proper light mode for hero section
Diffstat (limited to 'apps/web/src/components/landing')
| -rw-r--r-- | apps/web/src/components/landing/handlebars.tsx | 4 | ||||
| -rw-r--r-- | apps/web/src/components/landing/hero.tsx | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/apps/web/src/components/landing/handlebars.tsx b/apps/web/src/components/landing/handlebars.tsx index 3ed39a9f..758717e5 100644 --- a/apps/web/src/components/landing/handlebars.tsx +++ b/apps/web/src/components/landing/handlebars.tsx @@ -50,7 +50,7 @@ export function Handlebars({ children }: HandlebarsProps) { <div ref={containerRef} className="relative -rotate-[2.76deg] mt-0.5"> <div className="absolute inset-0 w-full h-full rounded-2xl border border-yellow-500 flex justify-between z-1"> <motion.div - className="absolute z-10 left-0 h-full border border-yellow-500 w-7 rounded-full bg-accent flex items-center justify-center select-none" + className="absolute z-10 left-0 h-full border border-yellow-500 w-7 rounded-full bg-background flex items-center justify-center select-none" style={{ x: leftHandleX, }} @@ -66,7 +66,7 @@ export function Handlebars({ children }: HandlebarsProps) { </motion.div> <motion.div - className="absolute z-10 -left-[30px] h-full border border-yellow-500 w-7 rounded-full bg-accent flex items-center justify-center select-none" + className="absolute z-10 -left-[30px] h-full border border-yellow-500 w-7 rounded-full bg-background flex items-center justify-center select-none" style={{ x: rightHandleX, }} diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx index 2c6a130e..46d99b0c 100644 --- a/apps/web/src/components/landing/hero.tsx +++ b/apps/web/src/components/landing/hero.tsx @@ -14,7 +14,7 @@ export function Hero() { return ( <div className="min-h-[calc(100vh-4.5rem)] supports-[height:100dvh]:min-h-[calc(100dvh-4.5rem)] flex flex-col justify-between items-center text-center px-4"> <Image - className="absolute top-0 left-0 -z-50 size-full object-cover" + className="absolute top-0 left-0 -z-50 size-full object-cover invert dark:invert-0 opacity-85" src="/landing-page-bg.png" height={1903.5} width={1269} |