mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
b91532f6c7
* migrate some www components to tokens * consolidate InteractiveShimmerCard to Panel component * update tokens in blog * update tokens in careers page * update tokens in customers section * update tokens in open-source section * update tokens in Realtime page * update tokens in Storage and Vector * update tokens in SplitCodeBlockCarousel * update tokens in PGCharts * remove unused css files * update tokens in Card * update tokens in Pricing page * clean up priving page imports * remove hardcoded theme vars * migrate first half of defaultTheme.ts to tokens * migrate second half of defaultTheme.ts to tokens * improve inputs * add foreground to text-light and text-lighter * add foreground to text-light and text-lighter * migrate docs components with styling tokens * migrate docs components with styling tokens * fix broken Repos component * fix broken classes in blog * update tokens on Button and other components * update tokens on IconPanel * update studio main layout base styling tokens * update tokens across studio, docs and www * update tokens across studio, docs and www * update ui/Panel to styling tokens * update ExampleProject and TableEditorMenu tokens * www vector page tokens * update studio UI tokens * update other studio UI tokens * update more studio UI tokens * change tokens here, change tokens there * finish updating colors with tokens variables * add gui sandbox for theme experimentation * use common package for www, docs and studio and fix Command K tokens * provide light mode default tokens options * fix conflict leftover * update loading line * fix className typo * fix prettier * update themeSandbox preset default values * fix text-background0 * prettier * update warningBanner with warning color * switch all border-border with border-default * improve border-secondary and foreground-muted in light mode * force ring color on toggle * fix button bg color and border-muted light token * fix input bg color * fix dark button hover * fix homepage product card * fix code-hike table header colors * button dark border * remove tabIndex leftover from homepage main ctas --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import classNames from 'classnames'
|
||
import Image from 'next/image'
|
||
import { motion } from 'framer-motion'
|
||
import { useBreakpoint } from 'common/hooks/useBreakpoint'
|
||
|
||
export function LaunchWeekLogoHeader() {
|
||
const isMobile = useBreakpoint(640)
|
||
|
||
return (
|
||
<div className="flex flex-col gap-1 md:gap-2 items-center my-4 lg:pt-8 justify-start">
|
||
<motion.div
|
||
className={classNames('flex flex-col justify-center gap-3')}
|
||
initial={{ y: -10, opacity: 0 }}
|
||
animate={{ y: 0, opacity: 1 }}
|
||
transition={{ duration: 0.4, ease: [0.24, 0.25, 0.05, 1], delay: 0.2 }}
|
||
>
|
||
<h1 className="flex gap-4 justify-center font-normal uppercase text-[28px] sm:text-[32px] items-center">
|
||
<span className="tracking-[4px] text-white">Launch week</span>
|
||
<span className="flex justify-center">
|
||
<Image
|
||
src="/images/launchweek/seven/lw7-seven.svg"
|
||
width={isMobile ? 36 : 40}
|
||
height={isMobile ? 36 : 40}
|
||
alt="Launch Week 7"
|
||
/>
|
||
</span>
|
||
</h1>
|
||
<p className="text-white radial-gradient-text-600 text-md sm:text-lg text-center">
|
||
April 10th – 14th at 7AM PT | 10AM ET
|
||
</p>
|
||
</motion.div>
|
||
</div>
|
||
)
|
||
}
|