forked from Archives/Athou_commafeed
display links and image placeholders in entries in the same color as the text so that they are not mistaken for commafeed actions
This commit is contained in:
@@ -14,7 +14,6 @@ interface ImageWithPlaceholderWhileLoadingProps {
|
||||
placeholderHeight?: number
|
||||
placeholderBackgroundColor?: string
|
||||
placeholderIconSize?: number
|
||||
placeholderIconColor?: string
|
||||
}
|
||||
|
||||
const useStyles = tss
|
||||
@@ -24,20 +23,12 @@ const useStyles = tss
|
||||
placeholderWidth?: number
|
||||
placeholderHeight?: number
|
||||
placeholderBackgroundColor?: string
|
||||
placeholderIconColor?: string
|
||||
}>()
|
||||
.create(props => ({
|
||||
placeholder: {
|
||||
width: props.placeholderWidth ?? 400,
|
||||
height: props.placeholderHeight ?? 600,
|
||||
maxWidth: "100%",
|
||||
color:
|
||||
props.placeholderIconColor ??
|
||||
props.theme.variantColorResolver({
|
||||
theme: props.theme,
|
||||
color: props.theme.primaryColor,
|
||||
variant: "subtle",
|
||||
}).color,
|
||||
backgroundColor:
|
||||
props.placeholderBackgroundColor ??
|
||||
(props.colorScheme === "dark" ? props.theme.colors.dark[5] : props.theme.colors.gray[1]),
|
||||
@@ -49,7 +40,6 @@ export function ImageWithPlaceholderWhileLoading({
|
||||
height,
|
||||
placeholderBackgroundColor,
|
||||
placeholderHeight,
|
||||
placeholderIconColor,
|
||||
placeholderIconSize,
|
||||
placeholderWidth,
|
||||
src,
|
||||
@@ -64,7 +54,6 @@ export function ImageWithPlaceholderWhileLoading({
|
||||
placeholderWidth,
|
||||
placeholderHeight,
|
||||
placeholderBackgroundColor,
|
||||
placeholderIconColor,
|
||||
})
|
||||
const [loading, setLoading] = useState(true)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user