diff options
| author | Mohamed Bassem <me@mbassem.com> | 2025-12-29 09:10:05 +0000 |
|---|---|---|
| committer | Mohamed Bassem <me@mbassem.com> | 2025-12-29 09:10:05 +0000 |
| commit | 23f285300aad6a0fb30ceb7adb29cbf3f85008ab (patch) | |
| tree | bc321f491714508a780f5c7cf84e0d6669de125b /apps/landing | |
| parent | 3c3d86855c649c85f49c47f688039057ffec4a10 (diff) | |
| download | karakeep-23f285300aad6a0fb30ceb7adb29cbf3f85008ab.tar.zst | |
fix(landing): fix cloud banner on mobile
Diffstat (limited to 'apps/landing')
| -rw-r--r-- | apps/landing/src/Homepage.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/apps/landing/src/Homepage.tsx b/apps/landing/src/Homepage.tsx index 25e1ea66..26a0f2fe 100644 --- a/apps/landing/src/Homepage.tsx +++ b/apps/landing/src/Homepage.tsx @@ -127,9 +127,9 @@ const currentYear = new Date().getFullYear(); function Banner() { return ( - <div className="border-b border-amber-200 bg-gradient-to-r from-amber-50 via-orange-50 to-rose-50 px-4 py-3 text-center"> - <div className="container flex items-center justify-center gap-3 text-sm text-slate-700 sm:text-base"> - <div className="inline-flex items-center gap-2 px-3 py-1"> + <div className="border-b border-amber-200 bg-gradient-to-r from-amber-50 via-orange-50 to-rose-50 px-3 py-2 text-center sm:px-4 sm:py-3"> + <div className="container flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-xs text-slate-700 sm:gap-3 sm:text-base"> + <div className="flex flex-wrap items-center justify-center gap-1 px-2 py-0.5 sm:px-3 sm:py-1"> <Rocket className="size-4 text-amber-600 sm:size-5" /> <span className="font-semibold text-slate-800"> Karakeep Cloud Public Beta is Now Live @@ -139,7 +139,7 @@ function Banner() { href={CLOUD_SIGNUP_LINK} target="_blank" rel="noreferrer" - className="inline-flex items-center gap-1 rounded-full border border-amber-300 bg-amber-500 px-3 py-1 text-xs font-semibold text-white shadow-sm transition-all hover:border-amber-400 hover:bg-amber-600 sm:text-sm" + className="inline-flex items-center justify-center gap-1 text-xs font-semibold text-amber-700 underline decoration-amber-400 underline-offset-2 transition-all hover:text-amber-800 sm:rounded-full sm:border sm:border-amber-300 sm:bg-amber-500 sm:px-3 sm:py-1 sm:text-sm sm:text-white sm:no-underline sm:shadow-sm sm:hover:border-amber-400 sm:hover:bg-amber-600" > Join Now <span className="hidden sm:inline">→</span> </a> |