use dvh

marigold-ui · Jun 13, 2024 · a8b9705 · a8b9705
1 parent 2bfc584
commit a8b9705
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 39 deletions.
diff --git a/src/routes/_components/Hero.tsx b/src/routes/_components/Hero.tsx
@@ -3,14 +3,14 @@ import { Breakout } from '@/components/Container';
 export const Hero = () => (
  <Breakout
  className={[
- 'relative min-h-[calc(100vh-var(--page-header-height))]',
+ 'relative min-h-[calc(100dvh-var(--page-header-height))]',
  "bg-[linear-gradient(to_bottom,_var(--tw-gradient-stops)),url('/circuit-board.svg')] bg-repeat",
  'from-secondary-400/50 via-secondary-50 via-70% to-secondary-50',
  ].join(' ')}
  >
  <div className="absolute inset-x-0 top-0 h-8 bg-gradient-to-b from-neutral-700/50 via-neutral-700/30 via-20% to-transparent" />
 
- <div className="ot-[4vh] mx-auto max-w-6xl md:pt-[8vh]">
+ <div className="ot-[4dvh] mx-auto max-w-6xl md:pt-[8dvh]">
  <h1 className="m-0 text-balance text-7xl tracking-tighter md:text-8xl lg:text-9xl">
  Explore Design Patterns in React
  </h1>

diff --git a/src/routes/index.mdx b/src/routes/index.mdx