nurpax / petmate

PETSCII editor with Electron/React/Redux
MIT License
181 stars 14 forks source link

Change CSS layout for logo and thumbnail section #77

Closed Esshahn closed 6 years ago

Esshahn commented 6 years ago

Ideas:

Esshahn commented 6 years ago

It could be as simple as this:

screenshot 2018-08-12 um 14 00 13

But, to be honest, I would actually do this:

screenshot 2018-08-12 um 14 04 26

It would be a nicer, simpler layout I think.

Esshahn commented 6 years ago

Changed issue title so that it reflects that we agree on changing the layout as described above makes more sense.

nurpax commented 6 years ago
screen shot 2018-08-12 at 11 17 05 pm

There's some whitespace between the canvas and the screens. It might look better if the screens were sitting on top of the canvas..

But the flex layout works so that the canvas is in the middle, centered, and the screen tabs attach to the top of the window. So depending on window size, there's less or more space between these elements.

Might revisit this a bit if I want to make the canvas scalable w.r.t the app main window size.

Esshahn commented 6 years ago

Love it already.