about summary refs log tree commit diff
path: root/src/components/SubtleWebHover.web.tsx
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2024-11-12 17:49:49 +0000
committerGitHub <noreply@github.com>2024-11-12 17:49:49 +0000
commitdf3f71286d7eee28f6b49c84349339bd5dde4517 (patch)
treeb5f553c0f4753f138d1d61df5680728bb6e487f8 /src/components/SubtleWebHover.web.tsx
parentb60629aff8d95abb330f284b61181a05307479fe (diff)
downloadvoidsky-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.tsx12
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,
       ]}
     />
   )