Skip to content

Fix mobile view for vision content#852

Merged
jhaaaa merged 7 commits intomainfrom
fix-mobile
Sep 18, 2025
Merged

Fix mobile view for vision content#852
jhaaaa merged 7 commits intomainfrom
fix-mobile

Conversation

@jhaaaa
Copy link
Collaborator

@jhaaaa jhaaaa commented Sep 17, 2025

Adjust documentation mobile layout to fix mobile view for vision content by setting <=768px paddings in tailwind.css and explicit image widths in consent.mdx

  • Add an @media (max-width: 768px) rule in tailwind.css that sets horizontal padding to 0.75rem for selectors matching [class*="docPage"] .container, [class*="docItemContainer"], and .markdown, sets 0.5rem horizontal padding for [class*="docItemContainer"] article, and sets 0.75rem left padding for .theme-edit-this-page.
  • Set explicit widths on five images in consent.mdx: spam-free-inbox.png (400), without-consent.png (800), consent-statuses.png (800), accepted-contact.png (400), and network-level-consent.png (800).
  • Update binary assets in static/img for accepted-contact.png, consent-statuses.png, network-level-consent.png, spam-free-inbox.png, and without-consent.png.

📍Where to Start

Start with the mobile media query additions in tailwind.css, then verify image width attributes in consent.mdx.


Macroscope summarized bbd778e.

@jhaaaa jhaaaa requested a review from a team as a code owner September 17, 2025 18:34
@vercel
Copy link

vercel bot commented Sep 17, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
junk-range-possible Ready Ready Preview Comment Sep 17, 2025 8:29pm

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Sep 17, 2025

Deploying xmtp-org with  Cloudflare Pages  Cloudflare Pages

Latest commit: bbd778e
Status: ✅  Deploy successful!
Preview URL: https://e1c10207.website-9re.pages.dev
Branch Preview URL: https://fix-mobile.website-9re.pages.dev

View logs

@jhaaaa jhaaaa merged commit acbbc6c into main Sep 18, 2025
5 checks passed
@jhaaaa jhaaaa deleted the fix-mobile branch September 18, 2025 00:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant