weird looking of notch area on ios 15 safari
After updated pleroma-fe to the latest develop branch I found that the mobile view is pretty weird on safari iOS 15. By default the address tab is at the bottom for safari iOS 15, and the latest pleroma-fe seems to use all the space of the screen including the notch area (turning the notch area into the same color as the navigation tab at the top), which leads to the upper part looking very long, heavy and empty.
Below is the screenshot before I upgraded, you can see that the notch area is not used and is just blank/white.
Actually I'm happy with the change (making use of the notch area) but it'll be much better to place a logo in the middle of the navigation bar like what soapbox is doing, otherwise it's just looking weirdly empty. The change looks good to me on chrome and firefox etc, but for safari in iOS 15 whose address bar is at the bottom of the screen (which means the upper empty area is longer than that for other browsers) at least to me it doesnt appear to be a good change.
Also I'm kind of curious what is the code that is leading to this change (notch area being covered). As far as I noticed, it was after Commit 71863061 that the notch area became covered. Usually I use viewport-fit=cover
to cover the notch area but it seems not to be the case for Pleroma-fe.
Any reply is appreciated, I'd like to change in myself but it is kind of hard to figure out what is the code that I should be changing as in browser inspectors you cant actually see the notch area at all but only the area below it :(