Skip to content

Commit 6cbd548

Browse files
committed
Declare cards-list container on RecentDownloads
GCard's responsive width rules use `@container cards-list (max-width: ...)` to drop cards from 1/3 width to 1/2 / full width on narrow viewports. RecentDownloads.vue had no `container: cards-list / inline-size` declaration anywhere up the tree, so those queries never fired and cards stayed at `calc(100% / 3)` regardless of viewport width — which, combined with the recently fixed title squashing, was producing per-syllable title wrapping in the export card on narrow screens. Match the idiom used by WorkflowCardList and HistoryCardList.
1 parent 2921182 commit 6cbd548

1 file changed

Lines changed: 6 additions & 0 deletions

File tree

client/src/components/Downloads/RecentDownloads.vue

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -91,3 +91,9 @@ const breadcrumbItems = [{ title: "Recent Exports & Downloads", to: "/downloads"
9191
</div>
9292
</div>
9393
</template>
94+
95+
<style lang="scss" scoped>
96+
.recent-downloads {
97+
container: cards-list / inline-size;
98+
}
99+
</style>

0 commit comments

Comments
 (0)