diff options
author | Samuel Newman <mozzius@protonmail.com> | 2024-11-12 17:49:49 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-11-12 17:49:49 +0000 |
commit | df3f71286d7eee28f6b49c84349339bd5dde4517 (patch) | |
tree | b5f553c0f4753f138d1d61df5680728bb6e487f8 /src/components/SubtleWebHover.web.tsx | |
parent | b60629aff8d95abb330f284b61181a05307479fe (diff) | |
download | voidsky-df3f71286d7eee28f6b49c84349339bd5dde4517.tar.zst |
add subtle web hover to "View full thread" (#6256)
Diffstat (limited to 'src/components/SubtleWebHover.web.tsx')
-rw-r--r-- | src/components/SubtleWebHover.web.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/components/SubtleWebHover.web.tsx b/src/components/SubtleWebHover.web.tsx index e98251e0d..adabf46bf 100644 --- a/src/components/SubtleWebHover.web.tsx +++ b/src/components/SubtleWebHover.web.tsx @@ -2,9 +2,12 @@ import React from 'react' import {StyleSheet, View} from 'react-native' import {isTouchDevice} from '#/lib/browser' -import {useTheme} from '#/alf' +import {useTheme, ViewStyleProp} from '#/alf' -export function SubtleWebHover({hover}: {hover: boolean}) { +export function SubtleWebHover({ + style, + hover, +}: ViewStyleProp & {hover: boolean}) { const t = useTheme() if (isTouchDevice) { return null @@ -26,9 +29,8 @@ export function SubtleWebHover({hover}: {hover: boolean}) { style={[ t.atoms.bg_contrast_25, styles.container, - { - opacity: hover ? opacity : 0, - }, + {opacity: hover ? opacity : 0}, + style, ]} /> ) |