pretty good spot with styles
This commit is contained in:
@@ -25,7 +25,7 @@ export function Tag({
|
|||||||
accessible
|
accessible
|
||||||
anchorNoUnderline
|
anchorNoUnderline
|
||||||
href={`/search?q=${value}`}
|
href={`/search?q=${value}`}
|
||||||
style={[pal.border, styles.tag]}>
|
style={[pal.viewLight, styles.tag]}>
|
||||||
<Text type={type} style={[pal.textLight]}>
|
<Text type={type} style={[pal.textLight]}>
|
||||||
#{value}
|
#{value}
|
||||||
</Text>
|
</Text>
|
||||||
@@ -50,7 +50,7 @@ export function InlineTag({
|
|||||||
anchorNoUnderline
|
anchorNoUnderline
|
||||||
href={`/search?q=${value}`}
|
href={`/search?q=${value}`}
|
||||||
style={[
|
style={[
|
||||||
pal.border,
|
pal.viewLight,
|
||||||
styles.tag,
|
styles.tag,
|
||||||
{
|
{
|
||||||
paddingTop: 0,
|
paddingTop: 0,
|
||||||
@@ -97,9 +97,7 @@ export function EditableTag({
|
|||||||
paddingRight: 6,
|
paddingRight: 6,
|
||||||
},
|
},
|
||||||
]}>
|
]}>
|
||||||
<Text
|
<Text type="md-medium" style={[pal.textLight, {lineHeight: 13}]}>
|
||||||
type="sm-medium"
|
|
||||||
style={[pal.textLight, {lineHeight: 13, paddingBottom: 2}]}>
|
|
||||||
#{value}
|
#{value}
|
||||||
</Text>
|
</Text>
|
||||||
<FontAwesomeIcon
|
<FontAwesomeIcon
|
||||||
@@ -108,10 +106,10 @@ export function EditableTag({
|
|||||||
{
|
{
|
||||||
opacity: hovered ? 1 : 0.5,
|
opacity: hovered ? 1 : 0.5,
|
||||||
color: pal.textLight.color,
|
color: pal.textLight.color,
|
||||||
marginTop: -1,
|
marginTop: 1,
|
||||||
} as FontAwesomeIconStyle
|
} as FontAwesomeIconStyle
|
||||||
}
|
}
|
||||||
size={11}
|
size={10}
|
||||||
/>
|
/>
|
||||||
</Pressable>
|
</Pressable>
|
||||||
)
|
)
|
||||||
@@ -122,8 +120,8 @@ const styles = StyleSheet.create({
|
|||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
gap: 6,
|
gap: 6,
|
||||||
paddingTop: 4,
|
paddingTop: 3,
|
||||||
paddingBottom: 3,
|
paddingBottom: 4,
|
||||||
paddingHorizontal: 8,
|
paddingHorizontal: 8,
|
||||||
borderRadius: 4,
|
borderRadius: 4,
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
|
|||||||
@@ -140,9 +140,9 @@ const styles = StyleSheet.create({
|
|||||||
input: {
|
input: {
|
||||||
flexGrow: 1,
|
flexGrow: 1,
|
||||||
minWidth: 100,
|
minWidth: 100,
|
||||||
fontSize: 14,
|
fontSize: 15,
|
||||||
lineHeight: 14,
|
lineHeight: 15,
|
||||||
paddingTop: 4,
|
paddingTop: 5,
|
||||||
paddingBottom: 6,
|
paddingBottom: 6,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -340,7 +340,7 @@ export const PostThreadItem = observer(function PostThreadItem({
|
|||||||
paddingBottom: 12,
|
paddingBottom: 12,
|
||||||
}}>
|
}}>
|
||||||
{item.post.record.tags.map(tag => (
|
{item.post.record.tags.map(tag => (
|
||||||
<Tag key={tag} value={tag} textSize="post-text-lg" />
|
<Tag key={tag} value={tag} textSize="md-medium" />
|
||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
) : null}
|
) : null}
|
||||||
|
|||||||
Reference in New Issue
Block a user