Extend lookup page card to full available space ↕️

wotschofsky · Dec 15, 2024 · a45de94 · a45de94
1 parent 4647db8
commit a45de94
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/lookup/[domain]/layout.tsx b/app/lookup/[domain]/layout.tsx
@@ -61,7 +61,7 @@ const LookupLayout: FC<LookupLayoutProps> = async (props) => {
   return (
     <>
       <Header showSearch={true} />
-      <main className="w-full flex-1">
+      <main className="flex w-full flex-1 flex-col">
         <div className="container space-y-6 pb-8 pt-12">
           <div className="flex w-full items-center gap-4">
             {/* Bottom padding added to avoid clipping */}
@@ -90,8 +90,8 @@ const LookupLayout: FC<LookupLayoutProps> = async (props) => {
           <WhoisQuickInfo domain={domain} />
         </div>
 
-        <div className="p-3">
-          <Card className="pb-12">
+        <div className="flex flex-1 flex-col p-3">
+          <Card className="flex-1 pb-12">
             <div className="container">
               <ResultsTabs domain={domain} />
               {children}