Skip to content

Fix mobile vault chart and listing layouts - #1343

Merged
miohtama merged 1 commit into
masterfrom
fix-svelte-mobile-chart-sizing
Jul 30, 2026
Merged

Fix mobile vault chart and listing layouts#1343
miohtama merged 1 commit into
masterfrom
fix-svelte-mobile-chart-sizing

Conversation

@miohtama

Copy link
Copy Markdown
Contributor

Why

Mobile vault pages could render chart/listing content wider than the viewport during Svelte client-side navigation and on small iPhone screens. This caused the vault chart area and stablecoin listing cards to clip or overlap text.

Lessons learnt

Responsive table card layouts need explicit min-width and grid-track constraints for Safari-sized viewports. Hidden desktop-only columns should be hidden inside the responsive table rules so they cannot reappear as labelled mobile cells.

Summary

  • Constrained the shared TradingView chart root and vault chart grid tracks so chart areas shrink within mobile containers.
  • Reworked mobile vault group rows to hide the full-name column, keep TVL on its own line, and stack metrics below 360px.
  • Verified the affected vault detail and stablecoin listing layouts locally with Playwright at small mobile widths.

@miohtama
miohtama force-pushed the fix-svelte-mobile-chart-sizing branch from fdb1b15 to 74f38e4 Compare July 30, 2026 06:22
@miohtama
miohtama merged commit addf73f into master Jul 30, 2026
5 checks passed
@miohtama
miohtama deleted the fix-svelte-mobile-chart-sizing branch July 30, 2026 06:27
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