refactor: make Button text responsive and hide HomeAurora background on mobile

- Changed Button text size from text-base to text-sm md:text-base for both solid and outline variants
- Updated HomeAurora background image to only display on md+ screens using bg-none md:bg-[url(...)]
- Removed inline style attribute in favor of Tailwind class for background image
- Cleaned up extra spacing in className
This commit is contained in:
2025-11-18 12:12:05 +01:00
parent 3213179ff6
commit d53f2d943f
2 changed files with 3 additions and 4 deletions

View File

@@ -6,8 +6,7 @@ export function HomeAurora() {
<div className="px-4">
{/* Boxed container */}
<div
className="relative mx-auto max-w-7xl border border-t-0 border-gray-100 bg-white overflow-hidden bg-size-[65%] bg-right bg-no-repeat"
style={{ backgroundImage: "url('/images/hero11.webp')" }}
className="relative mx-auto max-w-7xl border border-t-0 border-gray-100 bg-white overflow-hidden bg-size-[65%] bg-right bg-no-repeat bg-none md:bg-[url('/images/hero11.webp')]"
>
{/* Inner padding */}
<div className="px-6 py-16 lg:py-32 ">