Center Globe horizontally and move up to show more surface

This commit is contained in:
Usman Baig
2026-03-09 16:05:44 +01:00
parent 12ae1a9175
commit 464a361094

View File

@@ -110,7 +110,7 @@ export default function Globe({ data, className }: GlobeProps) {
return ( return (
<div className={`relative w-full h-full overflow-hidden ${className ?? ''}`}> <div className={`relative w-full h-full overflow-hidden ${className ?? ''}`}>
<div className="absolute inset-x-0 top-[30%] mx-auto aspect-square w-[140%] max-w-none"> <div className="absolute left-1/2 -translate-x-1/2 top-[15%] aspect-square w-[130%]">
<canvas <canvas
className="size-full opacity-0 transition-opacity duration-500" className="size-full opacity-0 transition-opacity duration-500"
style={{ contain: 'layout paint size' }} style={{ contain: 'layout paint size' }}