From 075168a5d26cfcbb6b4b3786098488277012a586 Mon Sep 17 00:00:00 2001 From: EleanorMao Date: Mon, 24 Apr 2023 00:01:13 +0800 Subject: [PATCH] feat: layout --- NOTE.md | 4 +- src/App.tsx | 6 +- src/branding/logo.svg | 11 ++ .../Breakpoint/BreakpointProvider.tsx | 9 +- src/components/Breakpoint/useBreakpoint.ts | 4 +- src/components/Layout/Footer.tsx | 155 ++++++++++++++++++ src/components/Layout/Header.tsx | 124 ++++++++++++++ src/icons/cart.svg | 3 + src/icons/menu.svg | 3 + src/index.tsx | 11 +- src/styles/antd.min.css | 1 + src/styles/reset.css | 6 + src/theme/ThemeProvider.tsx | 32 ++++ src/theme/index.ts | 10 +- src/utils/uaParser.ts | 3 + 15 files changed, 361 insertions(+), 21 deletions(-) create mode 100644 src/branding/logo.svg create mode 100644 src/components/Layout/Footer.tsx create mode 100644 src/components/Layout/Header.tsx create mode 100644 src/icons/cart.svg create mode 100644 src/icons/menu.svg create mode 100644 src/styles/antd.min.css create mode 100644 src/theme/ThemeProvider.tsx diff --git a/NOTE.md b/NOTE.md index b37d566..72ebf6d 100644 --- a/NOTE.md +++ b/NOTE.md @@ -33,5 +33,5 @@ # Layout Components * Layout - * Header - * Footer + * [x] Header + * [x] Footer diff --git a/src/App.tsx b/src/App.tsx index 7e9b0d8..0c3d8cb 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,11 +1,13 @@ import React from 'react'; import { BreakpointProvider } from './components/Breakpoint' -import { Button } from './components/Button' +import { Header } from './components/Layout/Header' +import { Footer } from './components/Layout/Footer' function App() { return ( - +
+