On larger screens, it would be great to be able to see more! But how, and what?
Currently there's a max-width: 650px on body.
Ideally we keep the core UI/interaction as similar as possible to avoid forks in the code, so maybe this is as simple as showing 2-3 tabs side by side if enough space? E.g. if width > 1000, show two columns and change max width to 1300? (650x2). But then how do you set which side is showing which view...
On larger screens, it would be great to be able to see more! But how, and what?
Currently there's a max-width: 650px on body.
Ideally we keep the core UI/interaction as similar as possible to avoid forks in the code, so maybe this is as simple as showing 2-3 tabs side by side if enough space? E.g. if width > 1000, show two columns and change max width to 1300? (650x2). But then how do you set which side is showing which view...
What about a super generic 2d-grid setup, like https://github.com/johnwalley/allotment, perhaps in a horizontal view https://allotment-storybook.netlify.app/?path=/story/basic--horizontal