diff --git a/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts b/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts index 2fc1c79ccd4b3..9543873d4fe12 100644 --- a/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts +++ b/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts @@ -10,6 +10,7 @@ export const centerContainer = style({ display: 'flex', flexDirection: 'column', alignItems: 'center', + height: 'fit-content', }); export const content = style({ position: 'relative', diff --git a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts index 67515715594e2..6e672aede95a7 100644 --- a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts +++ b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts @@ -59,6 +59,21 @@ export const editSettingsLink = style({ textDecoration: 'none', color: cssVar('linkColor'), fontSize: cssVar('fontSm'), +}); + +export const docFooter = style({ + display: 'flex', + flexDirection: 'column', + alignItems: 'center', + rowGap: 12, position: 'absolute', bottom: 48, }); + +export const docFooterText = style({ + display: 'flex', + alignItems: 'center', + gap: 10, + fontSize: cssVar('fontXs'), + color: cssVar('textSecondaryColor'), +}); diff --git a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx index 5377ed5627287..ceb317b31560f 100644 --- a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx +++ b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx @@ -2,7 +2,7 @@ import { Button } from '@affine/component/ui/button'; import { resolveLinkToDoc } from '@affine/core/modules/navigation'; import { appIconMap, appNames } from '@affine/core/utils/channel'; import { Trans, useI18n } from '@affine/i18n'; -import { Logo1Icon } from '@blocksuite/icons/rc'; +import { LocalWorkspaceIcon, Logo1Icon } from '@blocksuite/icons/rc'; import { useService } from '@toeverything/infra'; import type { MouseEvent } from 'react'; import { useCallback } from 'react'; @@ -150,14 +150,19 @@ export const OpenInAppPage = ({ urlToOpen, openHereClicked }: OpenAppProps) => { {maybeDocLink ? ( - - {t['com.affine.auth.open.affine.doc.edit-settings']()} - +