feat: modify styles

2026-02-18 14:56:59 +08:00 · 2022-10-21 15:19:39 +08:00
parent a5ba09c797
commit c47c7d2c4a
7 changed files with 22 additions and 14 deletions
--- a/packages/app/src/components/Header/index.tsx
+++ b/packages/app/src/components/Header/index.tsx
@@ -66,12 +66,12 @@ export const Header = () => {
  return (
    <>
      <StyledHeader>
-        <StyledLogo>
-          <LogoIcon
-            onClick={() => {
-              contactModalHandler(true);
-            }}
-          />
+        <StyledLogo
+          onClick={() => {
+            contactModalHandler(true);
+          }}
+        >
+          <LogoIcon />
        </StyledLogo>
        <StyledTitle
          onMouseEnter={() => {
--- a/packages/app/src/components/Header/styles.ts
+++ b/packages/app/src/components/Header/styles.ts
@@ -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')({
--- a/packages/app/src/pages/_app.tsx
+++ b/packages/app/src/pages/_app.tsx
@@ -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,
 });
--- a/packages/app/src/pages/_document.tsx
+++ b/packages/app/src/pages/_document.tsx
@@ -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 />
--- a/packages/app/src/styles/theme.ts
+++ b/packages/app/src/styles/theme.ts
@@ -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,