fix: hide unfilled ad slots

Author: Bentroen

web/src/app/globals.css

@@ -150,3 +150,12 @@ body {
   transform: translatex(100%) skewy(-45deg);
   top: -4px;
 }
+
+
+/************** Google AdSense **************/
+
+/* Hide unfilled ads */
+/* https://support.google.com/adsense/answer/10762946?hl=en */
+ins.adsbygoogle[data-ad-status="unfilled"] {
+  display: none !important;
+}

web/src/modules/shared/components/client/ads/AdSlots.tsx

@@ -152,7 +152,7 @@ export const MultiplexAdSlot = ({ className }: { className?: string }) => {
   return (
     <AdTemplate
       className={cn(
-        'relative rounded-xl bg-zinc-800/50 p-2 my-8 h-auto min-h-32 w-full min-w-64 text-sm text-zinc-400',
+        'relative rounded-xl bg-zinc-800/50 my-8 h-auto min-h-32 w-full min-w-64 text-sm text-zinc-400',
         className,
       )}
       adSlot='6673081563'