ha-fusion icon indicating copy to clipboard operation
ha-fusion copied to clipboard

FR: Improving Layout in Landscape Mode

Open saya6k opened this issue 1 year ago • 1 comments

Your dashboard looks great in a tablet and works fine on portrait mode.

However, in landscape mode, I'm not having a good experience. Landscape is related to smaller devices that have 1280x800 display size, and I think this should be treated seperately.

This is my Fusion.

Portrait mode:

IMG_22BE89DF717B-1

Tablet mode:

스크린샷 2024-02-16 10 10 21

Both looks great.

However, in landscape mode, I can't get good experience.

IMG_1147

The buttons appear cropped, and thus, they are not fully visible. This occurs when you have a horizontal layout divided into 4 sections.

For the horizontal layout divided into 4 sections, I suggest that in landscape mode, the design of the buttons should be improved or arranged in a 2x2 format. This approach could enhance the visibility and accessibility of the buttons, making the dashboard more user-friendly and aesthetically pleasing in landscape orientation

IMG_1149

When combining large cards (such as camera and media cards) with small buttons, the large cards are cropped, and the buttons are displayed in a single row, which looks awkward.

Since large cards are also cropped in portrait mode, I think large cards should fit in size. And sections containing small buttons should also become 2 rows when using in this layout.

saya6k avatar Feb 16 '24 02:02 saya6k

https://github.com/matt8707/ha-fusion/issues/15

matt8707 avatar Feb 16 '24 11:02 matt8707