https://i.hizliresim.com/7s6xgoe.png
En aşağıda bulunan bu bottom scrollbar'ı yukarıya taşımak mümkün müdür ?
Kullanıcı aşağıya inene kadar kaydıramıyor sola sağa buda sıkıntı oluyor bir çok şey denedim ama başarılı olamadım.
Laravel filament kullanıyorum.
şuanda ki css kodlarım şu şekilde.
@import "/vendor/filament/filament/resources/css/theme.css";
@config 'tailwind.config.js';
/* resources/css/filament.css */
ul.advanced-tables-fav-bar-list.flex.text-sm.overflow-x-auto.gap-x-2,
.advanced-tables-fav-bar-list.flex {
width: 100% !important;
flex-wrap: wrap !important;
}
.fi-ta-actions.flex.shrink-0.items-center.gap-3.flex-wrap.justify-start.ms-auto.sm\:ms-auto,
.fi-ta-actions.flex {
width: 100%;
flex-wrap: wrap;
}
@media (min-width: 768px) {
/* make the header sticky*/
.fi-ta-table thead {
position: sticky !important;
top: 0;
z-index: 9;
}
/* opacity does not looks good in dark mode, so insert the corresponding bg color here */
.fi-ta-table :is(:where(.dark) .dark\:bg-white\/5){
background-color: rgb(36 36 39);
}
/* sset the height of content (table) */
.fi-ta-content {
height: calc(100vh - 20rem);
position: relative;
}
/* fix filters and columns modal */
.fi-dropdown-panel{
z-index: 40 !important;
}
}
/* Table sticky header end */