Ovyerus / prismaliser

Visualise your Prisma schema!
https://prismaliser.app
MIT License
863 stars 44 forks source link

fix: layout and no editor view #94

Closed Bikash9609 closed 5 months ago

Bikash9609 commented 5 months ago

UI to shrink when the no editor view is active. Currently, the DB layout forms downwards which should be from left to right. The proposed solution fixes it, tho not completely but to some extent.

Bikash9609 commented 5 months ago

@Ovyerus

Bikash9609 commented 5 months ago

https://github.com/Ovyerus/prismaliser/assets/50935456/bfe81767-067c-4499-8616-ea89c00c64ad

Upon refining the user interface, I've endeavored to enhance its intuitive nature, fostering a more seamless user experience. However, one crucial aspect stands out: the layout of the tables. It's imperative that these tables adopt a left-to-right orientation (->) to optimize user visibility and comprehension. By arranging the tables horizontally, users can effortlessly perceive the entirety of the content without resorting to excessive zooming, which often leads to diminished clarity and legibility.

To illustrate, consider the following scenario: the video preview shown could have been effortlessly crafted in the following manner:

image

However, the current layout falls short, resulting in a less than ideal presentation:

image

Consequently, when dealing with a substantial number of tables, ranging from 10 to 20, it becomes apparent that viewing all of them simultaneously is impractical. While it's inherently illogical to expect these tables to fit within a single viewport, a strategic adjustment in layout orientation is warranted. Rather than resorting to a downward push, a lateral shift to the right proves more advantageous.

By favoring a rightward alignment, the tables remain within the user's purview, facilitating a more comprehensive understanding of the dataset. This approach mitigates the need for excessive scrolling or zooming, streamlining the user experience and fostering greater accessibility to the underlying data.

Ovyerus commented 5 months ago

Thanks for bringing the direction option to my knowledge! I've made the commit ab228c4 with only that change as I'm not fond of the header change personally.

Bikash9609 commented 5 months ago

Np, thanks.