feat: modify theme mode switch style

2026-07-19 19:16:29 +08:00 · 2022-10-18 11:55:10 +08:00
parent c8c2b2de00
commit 2b13a63848
9 changed files with 183 additions and 69 deletions
@@ -1,5 +1,23 @@
+import { styled } from '@/styles';
+import { ThemeModeSwitch } from '@/components/theme-mode-switch';
+
+export const StyledHeader = styled('div')({
+  height: '60px',
+  width: '100vw',
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  position: 'relative',
+  padding: '0 22px',
+  borderBottom: '1px solid #e5e5e5',
+});
+
 const Affine = () => {
-  return <div>affine page</div>;
+  return (
+    <StyledHeader>
+      <ThemeModeSwitch></ThemeModeSwitch>
+    </StyledHeader>
+  );
 };

 export default Affine;