Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Squarer label chips on web

Browse Source
This commit is contained in:
Jackson Harper
2022-11-29 15:27:54 +08:00
parent 29b2cedcf0
commit 8ff154e2f4
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apple/OmnivoreKit/Sources/Views/TextChip.swift
View File

@ -58,7 +58,7 @@ public struct TextChip: View {
}
var backgroundColor: Color {
color.opacity(colorScheme == .dark ? 0.08 : 1)
color.opacity(colorScheme == .dark ? 0.2 : 1)
}
var borderColor: Color {
@ -73,7 +73,7 @@ public struct TextChip: View {
ZStack(alignment: .topTrailing) {
Text(text)
.strikethrough(color: negated ? textColor : .clear)
.padding(.horizontal, 10)
.padding(.horizontal, 8)
.padding(.vertical, 5)
.font(.appCaptionBold)
.foregroundColor(textColor)

6
packages/web/components/elements/LabelChip.tsx
View File

@ -41,7 +41,7 @@ export function LabelChip(props: LabelChipProps): JSX.Element {
css={{
display: 'inline-table',
margin: '4px',
borderRadius: '32px',
borderRadius: '4px',
color: isDarkMode ? darkThemeTextColor : lightThemeTextColor,
fontSize: '12px',
fontWeight: 'bold',
@ -49,7 +49,9 @@ export function LabelChip(props: LabelChipProps): JSX.Element {
whiteSpace: 'nowrap',
cursor: 'pointer',
backgroundClip: 'padding-box',
border: isDarkMode ? `1px solid ${darkThemeTextColor}` :`1px solid rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.7)`,
border: isDarkMode
? `1px solid ${darkThemeTextColor}`
: `1px solid rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.7)`,
backgroundColor: isDarkMode
? `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.08)`
: props.color,