toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-22 18:42:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: adjust 404 page style (#4491)

Browse Source
This commit is contained in:
JimmFly 2023-09-26 10:51:58 +08:00 committed by GitHub
parent 127a84b4e1
commit 1bdc402b7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/component/src/components/not-found-page/not-found-page.tsx
View File

@ -5,7 +5,11 @@ import { Button, IconButton } from '@toeverything/components/button';
import { Tooltip } from '@toeverything/components/tooltip';
import { NotFoundPattern } from './not-found-pattern';
import { notFoundPageContainer, wrapper } from './styles.css';
import {
largeButtonEffect,
notFoundPageContainer,
wrapper,
} from './styles.css';
export interface NotFoundPageProps {
user: {
@ -29,12 +33,18 @@ export const NotFoundPage = ({
<div className={wrapper}>
<NotFoundPattern />
</div>
<p className={wrapper}>{t['404.hint']()}</p>
<div className={wrapper}>
<Button type="primary" size="extraLarge" onClick={onBack}>
<Button
type="primary"
size="extraLarge"
onClick={onBack}
className={largeButtonEffect}
>
{t['404.back']()}
</Button>
</div>
<p className={wrapper}>{t['404.hint']()}</p>
{user ? (
<div className={wrapper}>
<Avatar url={user.avatar} name={user.name} />

3
packages/component/src/components/not-found-page/styles.css.ts
View File

@ -16,3 +16,6 @@ export const wrapper = style({
justifyContent: 'center',
margin: '24px auto 0',
});
export const largeButtonEffect = style({
boxShadow: 'var(--affine-large-button-effect) !important',
});