WIP PWA for Grain
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: correct profile header layout order

+4 -9
+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 }