WIP PWA for Grain
fix: update sticky headers and explore border for flex layout
- Change notifications header sticky position from top: 48px to top: 0
- Change explore search container sticky position from top: 48px to top: 0
- Constrain explore page border between search and tabs to feed max-width
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+9
-2
+8
-1
src/components/pages/grain-explore.js
+8
-1
src/components/pages/grain-explore.js
···
23
23
}
24
24
.search-container {
25
25
position: sticky;
26
-
top: 48px;
26
+
top: 0;
27
27
background: var(--color-bg-primary);
28
28
padding: var(--space-sm);
29
29
z-index: 10;
30
+
}
31
+
.search-container::after {
32
+
content: '';
33
+
display: block;
34
+
max-width: var(--feed-max-width);
35
+
margin: 0 auto;
30
36
border-bottom: 1px solid var(--color-border);
37
+
margin-top: var(--space-sm);
31
38
}
32
39
.search-container grain-input {
33
40
max-width: var(--feed-max-width);