From 4cc6168578cd71be3e1391be888e37b477111905 Mon Sep 17 00:00:00 2001 From: wanhose Date: Mon, 15 Apr 2024 20:03:36 +0200 Subject: [PATCH] fix(web): some responsive issues after the new download button --- packages/web/src/index.css | 11 ++++++++++- packages/web/src/index.html | 17 ++++++++++++----- 2 files changed, 22 insertions(+), 6 deletions(-) diff --git a/packages/web/src/index.css b/packages/web/src/index.css index 353d084..883c025 100644 --- a/packages/web/src/index.css +++ b/packages/web/src/index.css @@ -10,7 +10,16 @@ @layer components { .button { - @apply font-bold gap-2 inline-flex items-center md:bg-2x md:hover:shadow-md rounded-lg text-white px-8 py-4; + @apply block font-bold items-center md:bg-2x md:hover:shadow-md lg:px-8 overflow-x-hidden rounded-lg text-ellipsis text-white px-4 py-4 whitespace-nowrap; + } + + .button > img, + .button > span { + @apply mr-2; + } + + .button > svg { + @apply float-right; } .icon { diff --git a/packages/web/src/index.html b/packages/web/src/index.html index 22a1ab3..4edf355 100644 --- a/packages/web/src/index.html +++ b/packages/web/src/index.html @@ -385,7 +385,7 @@

Available now on

-