diff options
| author | Hailey <me@haileyok.com> | 2024-04-18 21:38:54 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-19 05:38:54 +0100 |
| commit | f709fbcbddde49a812197d79758482b6497be8d2 (patch) | |
| tree | 535140dc434cf271980c3e43473d0ada2e98abf8 | |
| parent | c91f065be5d3f9b34431cee7113367b085e84030 (diff) | |
| download | voidsky-f709fbcbddde49a812197d79758482b6497be8d2.tar.zst | |
align center post meta in threaded (#3615)
* align center post meta in threaded * put `displayNameStyle` in correct place * maybe? * with mobile padding too?
| -rw-r--r-- | src/view/com/post-thread/PostThreadItem.tsx | 8 | ||||
| -rw-r--r-- | src/view/com/util/PostMeta.tsx | 6 |
2 files changed, 11 insertions, 3 deletions
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx index 089714c72..ddcf1a130 100644 --- a/src/view/com/post-thread/PostThreadItem.tsx +++ b/src/view/com/post-thread/PostThreadItem.tsx @@ -27,6 +27,7 @@ import {sanitizeHandle} from 'lib/strings/handles' import {countLines, pluralize} from 'lib/strings/helpers' import {niceDate} from 'lib/strings/time' import {s} from 'lib/styles' +import {isWeb} from 'platform/detection' import {useSession} from 'state/session' import {PostThreadFollowBtn} from 'view/com/post-thread/PostThreadFollowBtn' import {atoms as a} from '#/alf' @@ -478,7 +479,12 @@ let PostThreadItemLoaded = ({ avatarSize={28} displayNameType="md-bold" displayNameStyle={isThreadedChild && s.ml2} - style={isThreadedChild && s.mb2} + style={ + isThreadedChild && { + alignItems: 'center', + paddingBottom: isWeb ? 5 : 2, + } + } /> <LabelsOnMyPost post={post} /> <PostAlerts diff --git a/src/view/com/util/PostMeta.tsx b/src/view/com/util/PostMeta.tsx index a9b9a97cf..ed3d3e5b0 100644 --- a/src/view/com/util/PostMeta.tsx +++ b/src/view/com/util/PostMeta.tsx @@ -54,10 +54,12 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => { /> </View> )} - <Text numberOfLines={1} style={[styles.maxWidth, pal.textLight]}> + <Text + numberOfLines={1} + style={[styles.maxWidth, pal.textLight, opts.displayNameStyle]}> <TextLinkOnWebOnly type={opts.displayNameType || 'lg-bold'} - style={[pal.text, opts.displayNameStyle]} + style={[pal.text]} lineHeight={1.2} disableMismatchWarning text={ |