forked from sashaastiadi/www_mycelium_net
fix: center CircleBackground component using absolute positioning instead of flex
This commit is contained in:
@@ -12,9 +12,9 @@ export function About() {
|
|||||||
>
|
>
|
||||||
<div className="relative -mt-[100vh]">
|
<div className="relative -mt-[100vh]">
|
||||||
<Container>
|
<Container>
|
||||||
<div className="flex h-screen items-center justify-center">
|
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
|
||||||
<CircleBackground color="#06b6d4" className="animate-spin-slower" />
|
<CircleBackground color="#06b6d4" className="animate-spin-slower" />
|
||||||
</div>
|
</div>
|
||||||
<div className="mx-auto max-w-3xl text-center">
|
<div className="mx-auto max-w-3xl text-center">
|
||||||
<Eyebrow color="accent">Our Mission</Eyebrow>
|
<Eyebrow color="accent">Our Mission</Eyebrow>
|
||||||
<SectionHeader color="white" className="mt-2">
|
<SectionHeader color="white" className="mt-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user