diff --git a/src/view/com/Tag.tsx b/src/view/com/Tag.tsx index b38373ba48..8292f353b8 100644 --- a/src/view/com/Tag.tsx +++ b/src/view/com/Tag.tsx @@ -7,7 +7,7 @@ import { import {usePalette} from 'lib/hooks/usePalette' import {Text, CustomTextProps} from 'view/com/util/text/Text' -import {Link} from 'view/com/util/Link' +import {TextLink} from 'view/com/util/Link' export function Tag({ value, @@ -20,16 +20,13 @@ export function Tag({ const type = textSize || 'xs-medium' return ( - - - #{value} - - + style={[pal.textLight]} + /> ) } @@ -44,23 +41,19 @@ export function InlineTag({ const type = textSize || 'xs-medium' return ( - - - #{value} - - + ]} + /> ) } @@ -90,14 +83,14 @@ export function EditableTag({ onPointerLeave={hoverOut} style={state => [ pal.viewLight, - styles.tag, + styles.editableTag, { opacity: state.pressed || state.focused ? 0.8 : 1, outline: 0, paddingRight: 6, }, ]}> - + #{value} + style={[ + pal.border, + { + flexDirection: 'row', + flexWrap: 'wrap', + gap: 8, + paddingBottom: 12, + marginBottom: 12, + borderBottomWidth: 1, + }, + ]}> {item.post.record.tags.map(tag => ( ))} @@ -387,7 +392,7 @@ export const PostThreadItem = observer(function PostThreadItem({ ) : ( <> )} - + { }, expandedInfo: { flexDirection: 'row', - padding: 10, + paddingVertical: 10, borderTopWidth: 1, borderBottomWidth: 1, marginTop: 5,