CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix button md breakpoint sizing issue

Browse Source
This commit is contained in:
adilallo
2025-08-19 22:51:31 -06:00
parent af986c9ba3
commit 2910631d56
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/ContentLockup.js
+5 -1
View File
@@ -43,7 +43,11 @@ const ContentLockup = ({ title, subtitle, description, ctaText, ctaHref }) => {
</div> </div>
{/* Large button for md and lg breakpoints */} {/* Large button for md and lg breakpoints */}
<div className="hidden md:block xl:hidden"> <div className="hidden md:block xl:hidden">
<Button variant="primary" size="large"> <Button
variant="primary"
size="large"
className="shrink-0 whitespace-nowrap min-w-[280px]"
>
{ctaText} {ctaText}
</Button> </Button>
</div> </div>
app/components/HeroBanner.js
+1 -1
View File
@@ -29,7 +29,7 @@ const HeroBanner = ({ title, subtitle, description, ctaText, ctaHref }) => {
</div> </div>
{/* Hero Image Container */} {/* Hero Image Container */}
<div className="w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10"> <div className="w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center">
<img <img
src="/assets/HeroImage.png" src="/assets/HeroImage.png"
alt="Hero illustration" alt="Hero illustration"