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,