Better tablet layout

[mozzius]

Fixes #3578

Adds new breakpoints for web:

1. 1075px to 1200px - right nav visible, main content offset to side
2. 800px to 1075px - no right nav

I also moved the left nav on the tablet breakpoint to sit next to the content, rather than being stuck to the far left edge

1075px to 1200px

800px to 1075px

Test plan

Check all the screens at the new breakpoints. I have tested:

1. All the common ones I can think of (timeline, feeds, profile, thread, settings etc)
2. Logged-out view
3. Signup queued
4. Deactivated
5. Takendown
6. Onboarding
7. Auth flow

And make sure there's no regressions on the mobile/desktop breakpoints

[github-actions]

Old size	New size	Diff
7.02 MB	7.02 MB	207 B (0.00%)

---

[estrattonbailey]

Clicked around a lot, only issue I found was on the labeler screen. There's some nesting going on here iirc, hence the offset context handling. Might be a clue?

[mozzius]

Fixed a few more spots:

1. Labeller screen
2. Dialogs with centered views inside them (MaybeListPlaceholder in Gif dialog for instance)
3. Load latest button
4. Home screen loader

[surfdude29]

This works really well on my iPad (9th gen), nice work @mozzius!

Having the search bar, feed list and Trending visible is a massive improvement, thanks! 🙏

I realise it would be out-of-scope for this PR, but just wondering, how technically feasible would it be in the future to move the PWI language selector to the right nav when in tablet layout? The app language is usually autodetected of course so it's not a big deal, but in case there is a desire to change it this would let tablet users do so when they're viewing the PWI (and without changing the zoom setting) and fix #3578.

[mozzius]

Great idea @surfdude29! added!

[surfdude29]

Oh nice, thanks! :)

[surfdude29]

One other small point to mention: should Trending be showing up in the PWI? (Fwiw it should imho.)

Sometimes it shows up for me, sometimes not, so reloading the page can occasionally cause it to appear or disappear.

[mozzius]

It should be showing up, yes. Hailey fixed a bug yesterday which was causing ~1% of requests to fail, so hopefully it should be a little more reliable - however, there's some sort of bug with en-GB which I'm still trying to get to the bottom of

[surfdude29]

Ah ok, maybe I'm running into the en-GB bug on the preview branch.

Edit: Sorry to bother you with yet another thing, but I noticed (on main.bsky.dev) that the X button to close Trending is visible in the PWI. I'm not sure that this is ideal because tapping it brings up this dialog, which doesn't exactly make sense if you're not logged in:

Is it worth creating an issue for that?

[mozzius]

Sure, I guess that is broken