WIP PWA for Grain
fix: correct profile header layout order
+4
-9
+4
-9
src/components/organisms/grain-profile-header.js
+4
-9
src/components/organisms/grain-profile-header.js
···
45
45
font-weight: var(--font-weight-semibold);
46
46
color: var(--color-text-primary);
47
47
}
48
-
.info {
49
-
min-width: 0;
50
-
}
51
48
.name {
52
49
font-size: var(--font-size-sm);
53
-
font-weight: var(--font-weight-bold);
54
50
color: var(--color-text-primary);
55
51
margin-bottom: var(--space-xs);
56
52
}
57
53
.bio {
58
54
font-size: var(--font-size-sm);
59
-
color: var(--color-text-primary);
55
+
color: var(--color-text-secondary);
60
56
line-height: 1.4;
61
57
white-space: pre-wrap;
58
+
margin-top: var(--space-xs);
62
59
}
63
60
.avatar-button {
64
61
background: none;
···
159
156
</button>
160
157
` : ''}
161
158
</div>
159
+
${displayName ? html`<div class="name">${displayName}</div>` : ''}
162
160
<grain-profile-stats
163
161
galleryCount=${galleryCount || 0}
164
162
followerCount=${followerCount || 0}
165
163
followingCount=${followingCount || 0}
166
164
></grain-profile-stats>
165
+
${description ? html`<div class="bio">${description}</div>` : ''}
167
166
</div>
168
-
</div>
169
-
<div class="info">
170
-
${displayName ? html`<div class="name">${displayName}</div>` : ''}
171
-
${description ? html`<div class="bio">${description}</div>` : ''}
172
167
</div>
173
168
`;
174
169
}