From 112560e21754eec2836d5bae9764905da0b2764f Mon Sep 17 00:00:00 2001
From: Jonathan Rouach <jon@arjeo.com>
Date: Sun, 27 Oct 2024 14:13:41 +0200
Subject: [PATCH] fix size +20%

---
 src/artifact-component.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/artifact-component.tsx b/src/artifact-component.tsx
index dd5be0b..cf6d284 100644
--- a/src/artifact-component.tsx
+++ b/src/artifact-component.tsx
@@ -126,10 +126,11 @@ const WhatsAppChat = () => {
   };
 
   return (
-    <div className="fixed inset-0 bg-white">
-      <div className="w-full max-w-md mx-auto h-full relative overflow-hidden" style={{ 
+    <div className="fixed inset-0 bg-white flex items-center justify-center">
+      <div className="w-full max-w-xl mx-auto h-[80vh] relative overflow-hidden" style={{ 
         '--tw-bg-opacity': '1',
-        backgroundColor: 'rgb(200 243 200 / var(--tw-bg-opacity))'
+        backgroundColor: 'rgb(200 243 200 / var(--tw-bg-opacity))',
+        transform: 'scale(1.2)'
       }}>
         {/* Header */}
         <div className="bg-green-700 text-white p-4 flex items-center justify-between sticky top-0 z-10">