2339
you are viewing a single comment's thread
view the rest of the comments
[-] ShortFuse@lemmy.world 6 points 1 year ago* (last edited 1 year ago)

The Material Design 3 guidelines expresses how content should flow with foldable with slight differences compared to a tablet, for example:

https://m3.material.io/foundations/layout/canonical-layouts/list-detail

But you can mostly get away with a standard, two-pane layout as you would a tablet, though the center padding may be off.

You probably want the center 24dp spacer to be where the crease is, but it gets a bit complicated if you want to use a Nav Rail since it'll offset your layout by 80dp. Here is a web based demo of what the configurations can look like.

this post was submitted on 01 Aug 2023
2339 points (98.7% liked)

Sync for Lemmy

15088 readers
9 users here now

๐Ÿ‘€


Welcome to Sync for Lemmy!

Download Sync for Lemmy


Welcome to the official Sync for Lemmy community.

The rules for posting and commenting, besides the rules defined here for lemmy.world, are as follows:

Community Rules


1- No advertising or spam.

All types of advertising and spam are restricted in this community.



Community Credits

Artwork and community banner by: @MargotRobbie@lemmy.world


founded 2 years ago
MODERATORS