diff --git a/app/(core)/components/FullLandingPage.tsx b/app/(core)/components/FullLandingPage.tsx index c1ce4b1..33a4669 100644 --- a/app/(core)/components/FullLandingPage.tsx +++ b/app/(core)/components/FullLandingPage.tsx @@ -12,10 +12,10 @@ import ScrollDown from "./ScrollDown"; export default function FullLandingPage() { const [stats, setStats] = useState({ - online: null, - visibleMembers: null, - channels: null, - voiceActive: null, + online: 0, + visibleMembers: 0, + channels: 0, + voiceActive: 0, serverName: "", }); diff --git a/app/(core)/styles/landing.css b/app/(core)/styles/landing.css index fb4deda..55e9824 100644 --- a/app/(core)/styles/landing.css +++ b/app/(core)/styles/landing.css @@ -235,6 +235,7 @@ display: block; font-weight: 700; font-variant-numeric: tabular-nums; + min-width: 2ch; } @media (max-width: 640px) { diff --git a/app/(core)/styles/translator.css b/app/(core)/styles/translator.css index bfa2d8f..d8abd83 100644 --- a/app/(core)/styles/translator.css +++ b/app/(core)/styles/translator.css @@ -75,6 +75,20 @@ display: none; } +/* Prevent Google Translate injected iframe from causing CLS */ +.goog-te-banner-frame, +#goog-gt-tt, +.goog-te-balloon-frame, +.goog-tooltip, +.goog-tooltip-content { + display: none !important; +} + +body { + top: 0 !important; + position: static !important; +} + /* Globe icon */ .globe-icon { position: absolute;