Add new breakpoints for mobile devices (orientation: portrait or min-width maybe?) to rearrange current layout.
Scan view
As you can see on this screenshot the camera image can be 100% high and the scan button can be placed above the image to the right hand side. That's an unused section of Cyberpunk's breach UI so why not? 🤷♂️
Result
By making a two column layout all elements can fit into a single viewport. I'd keep the main CTA on the right to make it consistent to the previous screen.
I read somewhere that you're considering a PWA, it would be a nice feature to remove chrome's URL bar to get some extra space on mobile.
Add new breakpoints for mobile devices (orientation: portrait or min-width maybe?) to rearrange current layout.
Scan view
As you can see on this screenshot the camera image can be 100% high and the scan button can be placed above the image to the right hand side. That's an unused section of Cyberpunk's breach UI so why not? 🤷♂️
Result
By making a two column layout all elements can fit into a single viewport. I'd keep the main CTA on the right to make it consistent to the previous screen.
I read somewhere that you're considering a PWA, it would be a nice feature to remove chrome's URL bar to get some extra space on mobile.
Oh and happy new year 🎉