From 5c8c1d6907d3dab87578d5e92c54f21964e5a534 Mon Sep 17 00:00:00 2001 From: Vaishali Date: Thu, 31 Oct 2024 22:00:41 +0530 Subject: [PATCH 1/2] feat: built header --- src/App.css | 45 +++---------------------------- src/App.jsx | 25 +++-------------- src/assets/Stake_logo.png | Bin 0 -> 10569 bytes src/components/Header/Header.jsx | 19 +++++++++++++ 4 files changed, 26 insertions(+), 63 deletions(-) create mode 100644 src/assets/Stake_logo.png create mode 100644 src/components/Header/Header.jsx diff --git a/src/App.css b/src/App.css index b9d355d..919ad98 100644 --- a/src/App.css +++ b/src/App.css @@ -1,42 +1,5 @@ -#root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; +* { + padding: 0; + margin: 0; + box-sizing: border-box; } diff --git a/src/App.jsx b/src/App.jsx index 115ad74..fb3d944 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,35 +2,16 @@ import { useState } from "react" import reactLogo from "./assets/react.svg" import viteLogo from "/vite.svg" import "./App.css" +import Header from "./components/Header/Header" function App() { const [count, setCount] = useState(0) return ( <> -
- - Vite logo - - - React logo - -
-

Vite + React

-
- -

- Edit src/App.jsx and save to test HMR -

-
-

- Click on the Vite and React logos to learn more -

- +
) } -export default App \ No newline at end of file +export default App diff --git a/src/assets/Stake_logo.png b/src/assets/Stake_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..e8743eaf59e565d2d4c4ba8d4e6964527f353939 GIT binary patch literal 10569 zcmV-PDYn*$P)004R>004l5008;`004mK004C`008P>0026e000+ooVrmw00002 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 { + return ( +
+
+ +
+
+ + +
+
+ ) +} + +export default Header From 38353dcc20abf90652498b99bcfe9b7ec13abbc1 Mon Sep 17 00:00:00 2001 From: Vaishali Date: Thu, 31 Oct 2024 22:01:46 +0530 Subject: [PATCH 2/2] feat: built header --- src/App.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/App.css b/src/App.css index 919ad98..fc28a0c 100644 --- a/src/App.css +++ b/src/App.css @@ -3,3 +3,17 @@ margin: 0; box-sizing: border-box; } + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +}