toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-27 04:53:02 +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/react": "^11.10.4",
"@emotion/server": "^11.10.0", "@emotion/server": "^11.10.0",
"@emotion/styled": "^11.10.4", "@emotion/styled": "^11.10.4",
"@fontsource/roboto-mono": "^4.5.8",
"@mui/base": "^5.0.0-alpha.87", "@mui/base": "^5.0.0-alpha.87",
"@mui/material": "^5.8.6",
"@mui/icons-material": "^5.10.9", "@mui/icons-material": "^5.10.9",
"@mui/material": "^5.8.6",
"@toeverything/pathfinder-logger": "workspace:@pathfinder/logger@*", "@toeverything/pathfinder-logger": "workspace:@pathfinder/logger@*",
"css-spring": "^4.1.0", "css-spring": "^4.1.0",
"lit": "^2.3.1", "lit": "^2.3.1",

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

@ -66,12 +66,12 @@ export const Header = () => {
return ( return (
<> <>
<StyledHeader> <StyledHeader>
<StyledLogo> <StyledLogo
<LogoIcon onClick={() => {
onClick={() => { contactModalHandler(true);
contactModalHandler(true); }}
}} >
/> <LogoIcon />
</StyledLogo> </StyledLogo>
<StyledTitle <StyledTitle
onMouseEnter={() => { 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 }) => ({ export const StyledLogo = styled('div')(({ theme }) => ({
color: theme.colors.primaryColor, color: theme.colors.primaryColor,
width: '60px',
height: '60px',
cursor: 'pointer', cursor: 'pointer',
marginLeft: '-22px',
...displayFlex('center', 'center'),
})); }));
export const StyledHeaderRightSide = styled('div')({ 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 { ModalProvider } from '@/components/global-modal-provider';
import { Logger } from '@toeverything/pathfinder-logger'; import { Logger } from '@toeverything/pathfinder-logger';
import '@fontsource/roboto-mono';
const ThemeProvider = dynamic(() => import('@/styles/themeProvider'), { const ThemeProvider = dynamic(() => import('@/styles/themeProvider'), {
ssr: false, ssr: false,
}); });

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

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

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

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

6
pnpm-lock.yaml
View File

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