WIP PWA for Grain
fix: constrain avatar overlay to feed container width
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+6
-4
+6
-4
src/components/organisms/grain-profile-header.js
+6
-4
src/components/organisms/grain-profile-header.js
···
50
50
.fullscreen-overlay {
51
51
position: fixed;
52
52
top: 0;
53
-
left: 0;
54
-
right: 0;
55
53
bottom: 0;
54
+
left: 50%;
55
+
transform: translateX(-50%);
56
+
width: 100%;
57
+
max-width: var(--feed-max-width);
56
58
background: rgba(0, 0, 0, 0.9);
57
59
display: flex;
58
60
align-items: center;
···
61
63
cursor: pointer;
62
64
}
63
65
.fullscreen-overlay img {
64
-
max-width: 90vw;
65
-
max-height: 90vh;
66
+
max-width: 80%;
67
+
max-height: 80%;
66
68
border-radius: 50%;
67
69
object-fit: cover;
68
70
}