fix: table menu empty state design (#46494)

## Problem

<img width="500" height="470" alt="image"
src="https://github.com/user-attachments/assets/17536208-9b7b-4a05-bd04-03def662dd28"
/>

## Solution

<img width="244" height="244" alt="image"
src="https://github.com/user-attachments/assets/f6d3ea4f-f36c-45a3-b4aa-ea37bb6a6e22"
/>


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
* Adjusted the empty-state illustration layout by removing explicit
height constraint classes from the wrapper elements. The component's
vertical sizing is now managed through alternative approaches while
preserving existing positioning, scale transformations, and
pointer-event configurations. These refinements maintain visual
consistency while improving the overall layout behavior for the empty
state display.

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/46494?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack)

<!-- review_stack_entry_end -->

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Gildas Garcia authored and GitHub committed 2026-06-01 10:55:04 +02:00
1 parent ac59de1f9e
commit 108f99f5fc
1 file changed
+2 -2
@@ -11,8 +11,8 @@ export const TableMenuEmptyState = () => {
description="Any tables or views you create will be listed here."
className="mx-4"
>
<div className="top-0 left-6 flex flex-col opacity-50 cursor-not-allowed bg-dash-sidebar h-content -mb-7 pointer-events-none scale-75">
<div className="relative h-content">
<div className="top-0 left-6 flex flex-col opacity-50 cursor-not-allowed bg-dash-sidebar -mb-7 pointer-events-none scale-75">
<div className="relative">
<div className="absolute inset-0 pointer-events-none z-10">
<div className="absolute inset-0 bg-linear-to-t from-transparent from-80% to-100% to-background-surface-100 dark:to-background-surface-75" />
<div className="absolute inset-0 bg-linear-to-r from-transparent from-50% to-100% to-background-surface-100 dark:to-background-surface-75" />