Increase card sub icons size a little bit

This commit is contained in:
Bruno Lemos
2019-01-30 11:32:05 -02:00
parent 6c28ef4719
commit 534b03f8d1
7 changed files with 33 additions and 11 deletions

View File

@@ -72,8 +72,10 @@ export const BranchRow = React.memo((props: BranchRowProps) => {
>
<SpringAnimatedIcon
name="git-branch"
size={13}
style={[
getCardStylesForTheme(springAnimatedTheme).normalText,
getCardStylesForTheme(springAnimatedTheme).icon,
isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
]}
/>{' '}

View File

@@ -107,8 +107,10 @@ export const CommitRow = React.memo((props: CommitRowProps) => {
>
<SpringAnimatedIcon
name="git-commit"
size={13}
style={[
getCardStylesForTheme(springAnimatedTheme).normalText,
getCardStylesForTheme(springAnimatedTheme).icon,
isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
]}
/>{' '}

View File

@@ -97,7 +97,12 @@ export const IssueOrPullRequestRow = React.memo(
>
<SpringAnimatedIcon
name={iconName}
style={{ color: iconColor }}
size={13}
style={[
getCardStylesForTheme(springAnimatedTheme).normalText,
getCardStylesForTheme(springAnimatedTheme).icon,
{ color: iconColor },
]}
/>{' '}
{title}
</SpringAnimatedText>

View File

@@ -103,11 +103,13 @@ export const ReleaseRow = React.memo((props: ReleaseRowProps) => {
<SpringAnimatedText numberOfLines={1}>
<SpringAnimatedIcon
name="tag"
style={
isRead
? getCardStylesForTheme(springAnimatedTheme).mutedText
: getCardStylesForTheme(springAnimatedTheme).normalText
}
size={13}
style={[
getCardStylesForTheme(springAnimatedTheme).normalText,
getCardStylesForTheme(springAnimatedTheme).icon,
isRead &&
getCardStylesForTheme(springAnimatedTheme).mutedText,
]}
/>{' '}
</SpringAnimatedText>
{name || tagName}
@@ -150,11 +152,13 @@ export const ReleaseRow = React.memo((props: ReleaseRowProps) => {
<SpringAnimatedText numberOfLines={1}>
<SpringAnimatedIcon
name="megaphone"
style={
isRead
? getCardStylesForTheme(springAnimatedTheme).mutedText
: getCardStylesForTheme(springAnimatedTheme).normalText
}
size={13}
style={[
getCardStylesForTheme(springAnimatedTheme).normalText,
getCardStylesForTheme(springAnimatedTheme).icon,
isRead &&
getCardStylesForTheme(springAnimatedTheme).mutedText,
]}
/>{' '}
</SpringAnimatedText>
{body}

View File

@@ -76,8 +76,10 @@ export const RepositoryRow = React.memo((props: RepositoryRowProps) => {
<SpringAnimatedText numberOfLines={1}>
<SpringAnimatedIcon
name={repoIcon}
size={13}
style={[
getCardStylesForTheme(springAnimatedTheme).normalText,
getCardStylesForTheme(springAnimatedTheme).icon,
isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
]}
/>{' '}

View File

@@ -61,8 +61,10 @@ export const WikiPageRow = React.memo((props: WikiPageRowProps) => {
>
<SpringAnimatedIcon
name="book"
size={13}
style={[
getCardStylesForTheme(springAnimatedTheme).normalText,
getCardStylesForTheme(springAnimatedTheme).icon,
isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
]}
/>{' '}

View File

@@ -91,6 +91,11 @@ export const getCardStylesForTheme = _.memoize(
wordBreak: 'break-all',
} as TextStyle,
icon: {
lineHeight: 20,
marginRight: 2,
} as TextStyle,
descriptionText: {
lineHeight: 20,
color: theme.foregroundColorMuted50,