Mobile Guide

Overview

RocketVault is fully optimized for mobile browsers. Whether you're scanning cards at a show, checking prices on the go, or managing your inventory from the couch, the mobile experience gives you full access to every feature in the app.

Navigation

On mobile, the desktop sidebar collapses into a bottom navigation bar with five slots:

The bottom nav lives 64 px above the iOS/Android safe area, so it never collides with the home indicator or notch. The header at the top of every page has a back chevron that returns you to the previous view with full scroll position restored.

Uploading Cards on Mobile

Open the Upload page from the More → Inventory → Upload Cards menu, or tap the center Add button on the bottom nav. You get three modes designed for phones:

Single Card

Capture one card at a time with guided front/back photo capture. Best for adding individual cards.

Multi-Card Scan

Batch capture multiple cards by taking photos in sequence. The app auto-pairs front and back images and lets you review before processing. Up to 50 cards (100 photos) per batch. This is the fastest way to digitize cards on mobile.

Files

Choose images from your phone's photo gallery for upload. Uses the same file-based upload as the desktop experience.

Mobile-Optimized Features

Pull-to-refresh

Pull down at the top of any list or the Dashboard to refresh data. Releases as soon as it's done.

Scroll restoration

When you tap the back chevron, RocketVault remembers exactly where you were on the previous page — no more scrolling back to the row you tapped.

Skeletons during loading

Lists, KPIs, and Card Detail panels render skeleton placeholders while data loads, so the layout doesn't snap around as content streams in.

Bumped tap targets and quiet inventory chrome

Tap targets across the inventory pages are sized for thumbs. Filter chips, attention chips, and bulk action buttons all hit the 44px minimum so you don't have to aim.

Sticky bottom CTA on Card Detail

On Card Detail, the primary actions (List on eBay, Save Draft, Reprice) stick to the bottom of the viewport on mobile. Long pages no longer hide the publish button below the fold.

Card Detail mobile density

The Card Detail page packs more onto a single phone screen — pricing, identification, and image controls are tighter while still respecting tap-target minimums.

Actionable empty states

Empty states across the app come with a clear next-step button (Upload, Browse Catalog, etc.) instead of a generic "Nothing here" message.

Responsive modals as bottom sheets

16+ dialogs across the app (delete confirms, publish-to-eBay, refresh stale, lot builder, image swap, attention triage, etc.) automatically switch to a bottom sheet on mobile via the shared ResponsiveDialog component. They lock to the bottom edge, swipe-to-dismiss, and respect the safe-area inset.

Image preview lightbox

Tap any card thumbnail to open a full-screen preview with a front/back toggle. On desktop this is a hover preview — on mobile it's tap-to-open.

Filter sheets

On mobile, filter controls move into a slide-up bottom sheet instead of a sidebar. Tap the filter icon to open.

Tips for Mobile Use

• Add to Home Screen — for the best experience, add RocketVault to your phone's home screen. This removes the browser toolbar and makes the app feel native.
• Stable connectivity — card processing requires a connection. For best results, use Wi-Fi when uploading large batches; the offline indicator appears in the header if you drop off.
• Portrait mode is preferred — the layout works in landscape but is tuned for portrait.