WIP PWA for Grain
fix: apply 3:4 portrait aspect ratio to thumbnail img
Moving aspect-ratio from :host to the img element and using
3:4 portrait orientation for Instagram-style grid.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+2
-5
+2
-5
src/components/molecules/grain-gallery-thumbnail.js
+2
-5
src/components/molecules/grain-gallery-thumbnail.js
···
12
12
static styles = css`
13
13
:host {
14
14
display: block;
15
-
aspect-ratio: 4 / 3;
16
-
overflow: hidden;
17
15
}
18
16
a {
19
17
display: block;
20
-
width: 100%;
21
-
height: 100%;
22
18
}
23
19
img {
20
+
display: block;
24
21
width: 100%;
25
-
height: 100%;
22
+
aspect-ratio: 3 / 4;
26
23
object-fit: cover;
27
24
background: var(--color-bg-elevated);
28
25
}