Merge pull request 'dev→main: subscriptions table mobile card layout' (#64) from dev into main
Build images / sign-extension (push) Successful in 3s
CI / lint (push) Successful in 4s
Build images / build-ml (push) Successful in 8s
CI / backend-lint-and-test (push) Successful in 14s
Build images / build-web (push) Successful in 10s
CI / frontend-build (push) Successful in 22s
CI / integration (push) Successful in 2m57s
Build images / sign-extension (push) Successful in 3s
CI / lint (push) Successful in 4s
Build images / build-ml (push) Successful in 8s
CI / backend-lint-and-test (push) Successful in 14s
Build images / build-web (push) Successful in 10s
CI / frontend-build (push) Successful in 22s
CI / integration (push) Successful in 2m57s
This commit was merged in pull request #64.
This commit is contained in:
@@ -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