dev→main: subscriptions table mobile card layout #64
@@ -86,6 +86,7 @@
|
|||||||
:items-per-page-options="ITEMS_PER_PAGE_OPTIONS"
|
:items-per-page-options="ITEMS_PER_PAGE_OPTIONS"
|
||||||
density="comfortable"
|
density="comfortable"
|
||||||
hover show-select show-expand
|
hover show-select show-expand
|
||||||
|
:mobile-breakpoint="600"
|
||||||
@click:row="onRowClick"
|
@click:row="onRowClick"
|
||||||
>
|
>
|
||||||
<template #item.name="{ item }">
|
<template #item.name="{ item }">
|
||||||
@@ -575,6 +576,10 @@ async function bulkDelete() {
|
|||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
.fc-subs__status, .fc-subs__search { max-width: none; flex-basis: 100%; }
|
.fc-subs__status, .fc-subs__search { max-width: none; flex-basis: 100%; }
|
||||||
.fc-subs__bar :deep(.v-spacer) { display: none; }
|
.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 {
|
.fc-subs__loading, .fc-subs__empty {
|
||||||
display: flex; justify-content: center; padding: 2rem;
|
display: flex; justify-content: center; padding: 2rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user