dev→main: subscriptions table mobile card layout #64
@@ -86,6 +86,7 @@
|
||||
:items-per-page-options="ITEMS_PER_PAGE_OPTIONS"
|
||||
density="comfortable"
|
||||
hover show-select show-expand
|
||||
:mobile-breakpoint="600"
|
||||
@click:row="onRowClick"
|
||||
>
|
||||
<template #item.name="{ item }">
|
||||
@@ -575,6 +576,10 @@ async function bulkDelete() {
|
||||
@media (max-width: 600px) {
|
||||
.fc-subs__status, .fc-subs__search { max-width: none; flex-basis: 100%; }
|
||||
.fc-subs__bar :deep(.v-spacer) { display: none; }
|
||||
/* The table renders as stacked cards (mobile-breakpoint); reclaim the
|
||||
desktop indent on the expanded sources detail (it keeps its own
|
||||
horizontal scroll for the wide source columns). */
|
||||
.fc-subs__sources-cell { padding-left: 0.5rem !important; }
|
||||
}
|
||||
.fc-subs__loading, .fc-subs__empty {
|
||||
display: flex; justify-content: center; padding: 2rem;
|
||||
|
||||
Reference in New Issue
Block a user