eraeco / pay

Checkard is a peer-to-peer check payment system for ERA PAY.
MIT License
4 stars 0 forks source link

Dynamic / Adjustable check deposit zooming / centering #21

Closed amark closed 2 weeks ago

amark commented 1 month ago

Easiest way without ruing any current HTML is to add a generic CSS class near bottom (for higher priority)

.mid-screen { display: flex; align-items: center; justify-content: center; height: 100vh; }

Then, when needed, dynamically add .mid-screen class to the .envelope element.

Then, dynamically modify .flip element with zoom: 66%.

(note: tho looks like .flip width should permanently be set to 100% not 90%, so mouse hover triggers flip even when on far left/right side of screen - oh that needs to be a deposit instruction check list item I didn't mention)

amark commented 2 weeks ago

added in recent commit