Responsive Layoutprobleme in NextJs mit Nextui und Tailwindcss: Tabelle, was zu Verkleinerung anderer Komponenten führt ⇐ HTML

[Anonymous]

Ich arbeite an einem Projekt in NextJs mit NextUi und Tailwindcss. Ich habe einen Abschnitt, um die Verschiebungen anzuzeigen, die eine Tabelle und mehrere Filter enthält. Wenn ich die Tabelle entferne, sieht alles andere perfekt aus, aber wenn ich die Tabelle hinzufüge, erscheint alles kleiner, als ob sich alles an die Größe des Tisches anpasst und es schrecklich aussieht. Ich habe versucht, Überlauf-X-Auto und einige andere Dinge hinzuzufügen, aber nichts funktioniert. Die Idee ist, dass sich alles an die Größe des Geräts anpasst. < /P>

Code: Select all

Turnos

 router.push('/dashboard/shifts/create')} variant="ghost" className="w-auto">
Nuevos turnos


 setSelectedService(value)}
selectedKey={selectedService}
className="w-full md:w-2/3"
size="sm"
>
{services.map((service) => (

{service.name}

))}

 setSelectedDate(date)}
value={selectedDate}
className="w-full md:w-auto"
size="sm"
/>
 setStateFilter(e.target.value)}
size="sm"
isDisabled={!selectedService}
>
Todos
{states.map((state) => (
{state.name}
))}




}
>

{(column) => {column.label}}


{(item) => (

{(columnKey) => (

{item[columnKey]}

)}

)}