feat(layout): add new background

raferdev · raferdev · commit c23ec0ab7e6a · 2023-12-07T22:26:14.000-03:00
diff --git a/src/@types/components.d.ts b/src/@types/components.d.ts
@@ -1,3 +1,4 @@
+import { StaticImport } from 'next/dist/shared/lib/get-img-props'
 import { type VariantProps } from 'class-variance-authority'
 import { icons } from 'lucide-react'
 
@@ -39,11 +40,19 @@ type NextErrorProps = {
   reset: () => void
 }
 
+interface IllustrationImageProps extends OptClassName {
+  src: StaticImport
+  width?: number
+  height?: number
+  alt?: string
+}
+
 interface LinkProps
   extends React.AnchorHTMLAttributes<HTMLAnchorElement>,
     VariantProps<typeof linkVariants> {
   iconName?: keyof typeof icons
   iconFillColor?: iconColorProps['color']
+  iconColor?: `#${string}`
 }
 
 interface AnimationBacklightProps
@@ -55,7 +64,3 @@ interface OptReactCompProps<T>
     OptChildren,
     OptAsChild,
     OptProps<T> {}
-
-interface IllustrationProps extends AnimationBacklightProps {
-  children: React.ReactNode
-}
diff --git a/src/app/_layout/index.tsx b/src/app/_layout/index.tsx
@@ -19,7 +19,7 @@ const DefaultLayout = ({ children }: Children) => (
       <RumAnalytics />
       <body
         className={cn(
-          'flex min-h-screen items-center justify-center bg-background bg-gradient-to-b from-gray-950 from-50% via-gray-800 to-sky-500 font-sans antialiased',
+          ' flex min-h-screen items-center justify-center bg-gradient-to-b from-gray-900 from-40% via-gray-600 via-70% to-sky-300 font-sans antialiased',
           fontSans.variable
         )}
       >

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ const DefaultLayout = ({ children }: Children) => (`
`19`	`19`	`<RumAnalytics />`
`20`	`20`	`<body`
`21`	`21`	`className={cn(`
`22`		`- 'flex min-h-screen items-center justify-center bg-background bg-gradient-to-b from-gray-950 from-50% via-gray-800 to-sky-500 font-sans antialiased',`
	`22`	`+ ' flex min-h-screen items-center justify-center bg-gradient-to-b from-gray-900 from-40% via-gray-600 via-70% to-sky-300 font-sans antialiased',`
`23`	`23`	`fontSans.variable`
`24`	`24`	`)}`
`25`	`25`	`>`