feat(web): add responsive nav, copy button, importer table and landing redesign - #1155
Open
overprodigy wants to merge 4 commits into
Open
feat(web): add responsive nav, copy button, importer table and landing redesign#1155overprodigy wants to merge 4 commits into
overprodigy wants to merge 4 commits into
Conversation
Implements CopyButton with clipboard/write fallback, truncated display, 2s checkmark transition and aria announcements. Integrates in event log, StellarTxWidget, TwoFactorSetup and importer detail page. Resolves vjuliaife#225
Adds mobile drawer with slide animation, backdrop, Escape and focus trap handling, body overflow lock and active route highlighting. Resolves vjuliaife#224
Replaces flat list with ImporterComparisonTable supporting multi-column sort via URL params, utilization color coding, column visibility with localStorage persistence, and keyboard navigation. Resolves vjuliaife#222
Updates hero with dual CTAs, adds simulated SSE demo dashboard with Stat and UtilizationGauge, How It Works steps, Why Stellar section, footer links and SEO metadata. Resolves vjuliaife#223
|
@overprodigy Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Author
|
@vjuliaife pleas merge |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Implements four UI features for TariffShield: copy-to-clipboard for Stellar addresses/hashes, responsive hamburger navigation, sortable importer comparison table, and landing page redesign with interactive demo.
Issues Resolved
Closes #225
Closes #224
Closes #222
Closes #223
Changes
#225 - Add Copy-to-Clipboard for Stellar Addresses and Transaction Hashes
Creates CopyButton component with navigator.clipboard and textarea fallback, 2s checkmark transition, aria announcements, truncated display with tooltip, and size variants. Integrated in event log, StellarTxWidget, TwoFactorSetup and importer detail page.
#224 - Add Responsive Navigation with Hamburger Menu for Mobile
Replaces horizontal links below md with hamburger toggle, full-height drawer with 200ms slide animation, backdrop, Escape handling, body overflow lock, focus trap, and active route highlighting with var(--accent).
#222 - Build Surety Importer Comparison Table (Multi-Column Sortable)
Creates ImporterComparisonTable with sortable columns via URL query params, utilization color coding, XLM formatting with stroopsToXlm, column visibility popover persisted in localStorage, clickable rows, and keyboard navigation.
#223 - Redesign Landing Page with Interactive Demo Section
Updates hero with headline and dual CTAs, adds demo section with animated Stat cards and UtilizationGauge simulating SSE every 3s, How It Works 3-step, Why Stellar section, footer links and SEO metadata.