Fork shadow for web/native

src/components/dialogs/nuxs/BookmarksAnnouncement.tsx

@@ -7,6 +7,7 @@ import {useLingui} from '@lingui/react'
 
 import {isWeb} from '#/platform/detection'
 import {atoms as a, useTheme, web} from '#/alf'
+import {transparentifyColor} from '#/alf/util/colorGeneration'
 import {Button, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
 import {useNuxDialogContext} from '#/components/dialogs/nuxs'
@@ -82,6 +83,17 @@ export function BookmarksAnnouncement() {
             ]}>
             <View
               style={[
+                {
+                  borderRadius: 24,
+                  aspectRatio: 333 / 104,
+                },
+                isWeb
+                  ? [
+                      {
+                        boxShadow: `0px 10px 15px -3px ${transparentifyColor(t.palette.black, 0.2)}`,
+                      },
+                    ]
+                  : [
                       t.atoms.shadow_md,
                       {
                         shadowOpacity: 0.2,
@@ -89,8 +101,8 @@ export function BookmarksAnnouncement() {
                           width: 0,
                           height: 10,
                         },
-                  aspectRatio: 333 / 104,
                       },
+                    ],
               ]}>
               <Image
                 accessibilityIgnoresInvertColors
@@ -133,7 +145,7 @@ export function BookmarksAnnouncement() {
                 },
               ]}>
               <Trans>
-                Finally! Keep track of posts that matter to you.
Save them to
+                Finally! Keep track of posts that matter to you. Save them to
                 revisit anytime.
               </Trans>
             </Text>