瀏覽代碼

fix: add shop dialog overflow issue #19

Fixed dialog overflow problem where the "add shop" dialog content was extending beyond the viewport and creating a non-visible area.

Changes:
- Added max-h-[90vh] constraint to DialogContent in IntegrationsContent.tsx
- Added overflow-y-auto to enable scrolling when content exceeds viewport height
- Removed redundant borders and shadows from nested Card components (WooCommerce, Shopify, ShopRenter connect components) to prevent double borders
- Dialog now properly fits within the viewport on all screen sizes

The dialog content is now fully visible and scrollable when needed.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Claude 5 月之前
父節點
當前提交
022a2db624

+ 1 - 1
shopcall.ai-main/src/components/IntegrationsContent.tsx

@@ -226,7 +226,7 @@ export function IntegrationsContent() {
 
       {/* Platform Selection Dialog */}
       <Dialog open={showConnectDialog} onOpenChange={setShowConnectDialog}>
-        <DialogContent className="bg-slate-800 border-slate-700 max-w-3xl">
+        <DialogContent className="bg-slate-800 border-slate-700 max-w-3xl max-h-[90vh] overflow-y-auto">
           {!selectedPlatform ? (
             <>
               <DialogHeader>

+ 1 - 1
shopcall.ai-main/src/components/ShopRenterConnect.tsx

@@ -94,7 +94,7 @@ export function ShopRenterConnect({ onClose }: ShopRenterConnectProps) {
   };
 
   return (
-    <Card className="bg-slate-800 border-slate-700 max-w-2xl mx-auto">
+    <Card className="bg-slate-800 border-slate-700 max-w-2xl mx-auto shadow-none border-0">
       <CardHeader>
         <div className="flex items-center gap-3">
           <Store className="w-8 h-8 text-cyan-500" />

+ 1 - 1
shopcall.ai-main/src/components/ShopifyConnect.tsx

@@ -106,7 +106,7 @@ export function ShopifyConnect({ onClose }: ShopifyConnectProps) {
   };
 
   return (
-    <Card className="bg-slate-800 border-slate-700 max-w-2xl mx-auto">
+    <Card className="bg-slate-800 border-slate-700 max-w-2xl mx-auto shadow-none border-0">
       <CardHeader>
         <div className="flex items-center gap-3">
           <Store className="w-8 h-8 text-green-500" />

+ 1 - 1
shopcall.ai-main/src/components/WooCommerceConnect.tsx

@@ -123,7 +123,7 @@ export function WooCommerceConnect({ onClose }: WooCommerceConnectProps) {
   };
 
   return (
-    <Card className="bg-slate-800 border-slate-700 max-w-2xl mx-auto">
+    <Card className="bg-slate-800 border-slate-700 max-w-2xl mx-auto shadow-none border-0">
       <CardHeader>
         <div className="flex items-center gap-3">
           <ShoppingBag className="w-8 h-8 text-purple-500" />