From 16c1239b36346e84b794fab819d6ad7a9854a244 Mon Sep 17 00:00:00 2001 From: HiDeoo Date: Fri, 13 Jun 2025 14:49:26 +0200 Subject: Prevent `` icon from being shrunk (#3248) Co-authored-by: delucis <357379+delucis@users.noreply.github.com> Co-authored-by: ArmandPhilippot <59021693+ArmandPhilippot@users.noreply.github.com>--- .changeset/two-dolphins-drive.md | 5 +++++ packages/starlight/user-components/Card.astro | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/two-dolphins-drive.md diff --git a/.changeset/two-dolphins-drive.md b/.changeset/two-dolphins-drive.md new file mode 100644 index 00000000..6bb1aed4 --- /dev/null +++ b/.changeset/two-dolphins-drive.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight': patch +--- + +Prevents [icons in the `` component](https://starlight.astro.build/components/cards/#add-icons-to-cards) from being shrunk in some narrow viewports. diff --git a/packages/starlight/user-components/Card.astro b/packages/starlight/user-components/Card.astro index 6e523610..224db05b 100644 --- a/packages/starlight/user-components/Card.astro +++ b/packages/starlight/user-components/Card.astro @@ -58,6 +58,7 @@ const { icon, title } = Astro.props; background-color: var(--sl-card-bg); padding: 0.2em; border-radius: 0.25rem; + flex-shrink: 0; } .card .body { margin: 0; -- cgit