pretty good spot with styles

This commit is contained in:
Eric Bailey
2023-10-09 15:38:40 -05:00
parent 1161050e1c
commit d9fc2775c4
3 changed files with 11 additions and 13 deletions
+7 -9
View File
@@ -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',
+3 -3
View File
@@ -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,
}, },
}) })
+1 -1
View File
@@ -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}