toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-03 20:52:26 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: modify styles

Browse Source
This commit is contained in:
QiShaoXuan 2022-10-21 15:19:39 +08:00
parent a5ba09c797
commit c47c7d2c4a
7 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/package.json
View File

@ -17,9 +17,10 @@
"@emotion/react": "^11.10.4",
"@emotion/server": "^11.10.0",
"@emotion/styled": "^11.10.4",
"@fontsource/roboto-mono": "^4.5.8",
"@mui/base": "^5.0.0-alpha.87",
"@mui/material": "^5.8.6",
"@mui/icons-material": "^5.10.9",
"@mui/material": "^5.8.6",
"@toeverything/pathfinder-logger": "workspace:@pathfinder/logger@*",
"css-spring": "^4.1.0",
"lit": "^2.3.1",

6
packages/app/src/components/Header/index.tsx
View File

@ -66,12 +66,12 @@ export const Header = () => {
return (
<>
<StyledHeader>
<StyledLogo>
<LogoIcon
<StyledLogo
onClick={() => {
contactModalHandler(true);
}}
/>
>
<LogoIcon />
</StyledLogo>
<StyledTitle
onMouseEnter={() => {

4
packages/app/src/components/Header/styles.ts
View File

@ -36,7 +36,11 @@ export const StyledTitleWrapper = styled('div')({
export const StyledLogo = styled('div')(({ theme }) => ({
color: theme.colors.primaryColor,
width: '60px',
height: '60px',
cursor: 'pointer',
marginLeft: '-22px',
...displayFlex('center', 'center'),
}));
export const StyledHeaderRightSide = styled('div')({

2
packages/app/src/pages/_app.tsx
View File

@ -7,6 +7,8 @@ import { EditorProvider } from '@/components/editor-provider';
import { ModalProvider } from '@/components/global-modal-provider';
import { Logger } from '@toeverything/pathfinder-logger';
import '@fontsource/roboto-mono';
const ThemeProvider = dynamic(() => import('@/styles/themeProvider'), {
ssr: false,
});

7
packages/app/src/pages/_document.tsx
View File

@ -42,12 +42,7 @@ export default class AppDocument extends Document {
render() {
return (
<Html>
<Head>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>
</Head>
<Head />
<body>
<Main />
<NextScript />

2
packages/app/src/styles/theme.ts
View File

@ -29,7 +29,7 @@ export const lightTheme: AffineTheme = {
sm: '16px',
base: '18px',
family: `Avenir Next, ${basicFontFamily}`,
family2: `Roboto, ${basicFontFamily}`,
family2: `Roboto Mono, ${basicFontFamily}`,
},
zIndex: {
modal: 1000,

6
pnpm-lock.yaml
View File

@ -25,6 +25,7 @@ importers:
'@emotion/react': ^11.10.4
'@emotion/server': ^11.10.0
'@emotion/styled': ^11.10.4
'@fontsource/roboto-mono': ^4.5.8
'@mui/base': ^5.0.0-alpha.87
'@mui/icons-material': ^5.10.9
'@mui/material': ^5.8.6
@ -54,6 +55,7 @@ importers:
'@emotion/react': 11.10.4_w5j4k42lgipnm43s3brx6h3c34
'@emotion/server': 11.10.0_@emotion+css@11.10.0
'@emotion/styled': 11.10.4_yiaqs725o7pcd7rteavrnhgj4y
'@fontsource/roboto-mono': 4.5.8
'@mui/base': 5.0.0-alpha.101_7ey2zzynotv32rpkwno45fsx4e
'@mui/icons-material': 5.10.9_5fncb4nagb4cvvcnwamw2rozfa
'@mui/material': 5.10.9_af5ln35zuaotaffazii6n6bke4
@ -377,6 +379,10 @@ packages:
- supports-color
dev: true
/@fontsource/roboto-mono/4.5.8:
resolution: {integrity: sha512-AW44UkbQD0w1CT5mzDbsvhGZ6/bb0YmZzoELj6Sx8vcVEzcbYGUdt2Dtl5zqlOuYMWQFY1mniwWyVv+Bm/lVxw==}
dev: false
/@humanwhocodes/config-array/0.10.4:
resolution: {integrity: sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==}
engines: {node: '>=10.10.0'}