Menghentikan isi tab meluap dan menyentuh dinding

Fixkamo-internal
Dikirim
7 Agustus 2026 pukul 04.29 UTC
Penulis
kamo
Commit
c2132dc

Dua penyebab, keduanya milikku. Tidak ada padding. TaBPanel sengaja tidak ada pasokan - setiap tab bantalan itu sendiri, dan aku Tidak. Shell sekarang menggunakan p: {xs: 3, md: 4}, cocok dengan MyAccountTab, sehingga heading dan kartu tidak lagi duduk flush terhadap tepi. Hilang minLebar: 0. Inilah yang mendorong konten melewati tepi kanan. A flex anak baku untuk min-width: auto, sehingga menolak untuk menyusut di bawah intrinsik lebar keturunan terlebar - di sini meja - dan tumbuh wadah sebagai gantinya. TabPanel set overflowX: tersembunyi, sehingga pertumbuhan yang CLIPPED daripada scroll, Itulah sebabnya judul dan kontrol berlari dari samping tanpa scrollbar untuk mengungkapkan mereka. Menambahkan minLebar: 0 ke shell dan untuk semua empat akar panel memungkinkan mereka menyusut; MUI TableContainer sudah overflow-x: otomatis, jadi tabel lebar sekarang gulungan di dalamnya kartu sendiri daripada menyeret halaman dengan itu. Bilah tab mengkliping tab terakhir bukan bagian dari ini: sudah memiliki overflowX: auto dengan flexShrink: 0 per tab, sehingga gulungan oleh desain.

Semua perubahan

Seperti apa yang Anda lihat pengiriman?

Semua pembaruan ini secara otomatis mendarat di ruang kerja Anda. Mulai bebas dan menontonnya tumbuh minggu demi minggu.

Mulai Bebas SelamanyaTampilkan Harga