ourworld_web/www_mycelium_cloud2
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-17 15:05:02 +02:00
parent 4b5c30c11e
commit fa7b8dbbb8
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/WorldMap.tsx
View File

@@ -34,7 +34,7 @@ export function WorldMap() {
</div>
{/* Bottom Layout: Globe + Cards */}
<div className="mt-8 flex flex-1 flex-col lg:flex-row items-center lg:items-stretch gap-8">
<div className="mt-8 flex flex-1 flex-col lg:flex-row items-center lg:items-stretch gap-x-10">
{/* Globe Left Column */}
<div className="flex-1 flex items-center justify-center">
<div className="relative w-[450px] h-[450px] md:w-[600px] md:h-[600px]">
@@ -54,7 +54,7 @@ export function WorldMap() {
<motion.div className="absolute -top-10 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80">
<CT color="light" className="uppercase tracking-wide">NODES</CT>
<CountUpNumber end={54958} color="light" className="mt-2 text-3xl font-bold" />
<CountUpNumber end={1493} color="light" className="mt-2 text-3xl font-bold" />
<CP color="light" className="mt-2 text-sm">
Total number of nodes on the grid.
</CP>
@@ -62,7 +62,7 @@ export function WorldMap() {
<motion.div className="absolute bottom-28 -left-12 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80">
<CT color="light" className="uppercase tracking-wide">SSD CAPACITY</CT>
<CountUpNumber end={54958} color="light" className="mt-2 text-3xl font-bold" />
<CountUpNumber end={5388956} color="light" className="mt-2 text-3xl font-bold" />
<CP color="light" className="mt-2 text-sm">
Total amount of storage (SSD, HDD, & RAM) on the grid.
</CP>
@@ -70,7 +70,7 @@ export function WorldMap() {
<motion.div className="absolute top-44 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80">
<CT color="light" className="uppercase tracking-wide">COUNTRIES</CT>
<CountUpNumber end={51} color="light" className="mt-2 text-3xl font-bold" />
<CountUpNumber end={44} color="light" className="mt-2 text-3xl font-bold" />
<CP color="light" className="mt-2 text-sm">
Total number of countries with active nodes.
</CP>