feat: banner defaults to full screen

src/app/@modal/(.)post/[site]/[slug]/page.tsx

@@ -59,7 +59,6 @@ export default async function SiteModal({
       <div className="pb-16">
         <SiteHeader
           handle={params.site}
-          full={true}
           hideNavigation={true}
           hideSearch={true}
         />

src/components/home/HomeActivitiesTabs.tsx

@@ -2,11 +2,7 @@
 
 import { usePathname, useRouter } from "next/navigation"
 
-import {
-  useAccountState,
-  useConnectModal,
-  useConnectedAction,
-} from "@crossbell/connect-kit"
+import { useConnectedAction } from "@crossbell/connect-kit"
 
 import { Tabs } from "~/components/ui/Tabs"
 import { useTranslation } from "~/lib/i18n/client"
@@ -15,14 +11,9 @@ import topics from "../../../data/topics.json"
 
 export const HomeActivitiesTabs = () => {
   const pathname = usePathname()
-  const connectModal = useConnectModal()
   const router = useRouter()
   const { t } = useTranslation("index")
 
-  const currentCharacterId = useAccountState(
-    (s) => s.computed.account?.characterId,
-  )
-
   const tabs = [
     {
       text: "Latest",
@@ -51,5 +42,5 @@ export const HomeActivitiesTabs = () => {
     })),
   ]
 
-  return <Tabs items={tabs} className="border-none"></Tabs>
+  return <Tabs items={tabs} className="border-none" />
 }

src/components/site/SiteHeader.tsx

@@ -14,7 +14,6 @@ import { SiteHeaderMenu } from "./SiteHeaderMenu"
 
 export const SiteHeader = async ({
   handle,
-  full,
   hideNavigation,
   hideSearch,
 }: {
@@ -45,10 +44,7 @@ export const SiteHeader = async ({
             case "image":
               return (
                 <NextImage
-                  className={cn(
-                    "object-cover",
-                    !full && "max-w-screen-md mx-auto",
-                  )}
+                  className="object-cover"
                   src={site?.metadata?.content?.banners?.[0]?.address}
                   alt="banner"
                   fill
@@ -58,10 +54,7 @@ export const SiteHeader = async ({
             case "video":
               return (
                 <video
-                  className={cn(
-                    "object-cover h-full w-full",
-                    !full && "max-w-screen-md mx-auto",
-                  )}
+                  className="object-cover h-full w-full"
                   src={site?.metadata?.content?.banners?.[0]?.address}
                   autoPlay
                   muted