docs(tiles): one spacing step for every plate, and fit the heights

Browse Source

The gaps were whatever each plate happened to pick: 16 here, 22 there,
and a `margin-top: auto` that pushed a tile row flush against the card
above it. They are one token now, used between the stacked blocks,
between the tiles, and between a card and the numbers under it.

Every plate is also as tall as its content instead of a guess, so nothing
is clipped and no plate publishes a band of empty ground. The Places API
hero drops the release pill and carries its API badge at the size the
lockup is now, and one subtext in the comparison is a line shorter so it
stops wrapping.

...

This commit is contained in:

Maurice

2026-09-13 00:43:36 +02:00

parent b37d66a4c1

commit be5004e282

5 changed files with 0 additions and 0 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

docs/tiles/dawarich-boundary.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 522 KiB After Width:  |  Height:  |  Size: 523 KiB

docs/tiles/dawarich-hero.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 484 KiB After Width:  |  Height:  |  Size: 483 KiB

docs/tiles/trek-api-before-after.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 514 KiB After Width:  |  Height:  |  Size: 514 KiB

docs/tiles/trek-api-hero.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 434 KiB After Width:  |  Height:  |  Size: 446 KiB

docs/tiles/trek-api-numbers.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 522 KiB After Width:  |  Height:  |  Size: 527 KiB