From 81a2b7cb690a70a80fc292d2d7293714e6336a31 Mon Sep 17 00:00:00 2001 From: Jason Zhu Date: Fri, 19 May 2023 00:07:45 +1000 Subject: [PATCH] Move files into correct place in asset directory, and refactored Header --- src/App.tsx | 2 +- src/assets/{ => images}/bg.png | Bin src/assets/images/pokedex.png | Bin 0 -> 13342 bytes src/components/Header.tsx | 14 -------------- src/components/Header/Header.css | 12 ++++++++++++ src/components/Header/Header.tsx | 18 ++++++++++++++++++ src/components/Header/index.ts | 1 + .../InfoDialogComponent.css | 4 ++-- src/index.css | 4 ++-- 9 files changed, 36 insertions(+), 19 deletions(-) rename src/assets/{ => images}/bg.png (100%) create mode 100644 src/assets/images/pokedex.png delete mode 100644 src/components/Header.tsx create mode 100644 src/components/Header/Header.css create mode 100644 src/components/Header/Header.tsx create mode 100644 src/components/Header/index.ts diff --git a/src/App.tsx b/src/App.tsx index 87314cb..cbd380d 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,6 +1,6 @@ import React from 'react'; import './App.css'; -import Header from 'components/Header'; +import Header from 'components/Header/Header'; import Pokedex from 'features/Pokedex'; import Filters from 'features/Filters'; import InfoDialog from 'features/InfoDialog'; diff --git a/src/assets/bg.png b/src/assets/images/bg.png similarity index 100% rename from src/assets/bg.png rename to src/assets/images/bg.png diff --git a/src/assets/images/pokedex.png b/src/assets/images/pokedex.png new file mode 100644 index 0000000000000000000000000000000000000000..e9f0d4f3fa4448062db0c3e4f05eac74b4435a7d GIT binary patch literal 13342 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 literal 0 HcmV?d00001 diff --git a/src/components/Header.tsx b/src/components/Header.tsx deleted file mode 100644 index 4bf3f24..0000000 --- a/src/components/Header.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import logo from 'assets/poke_logo.png'; - -const Header = () => { - return ( -
-
- Poke Logo -
-
- ); -}; - -export default Header; diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css new file mode 100644 index 0000000..7b9f61a --- /dev/null +++ b/src/components/Header/Header.css @@ -0,0 +1,12 @@ +.poke__logos { + display: flex; + flex-direction: column; + margin-left: 10px; +} + +.poke__logo { + margin-top: 10px; + width: 15vw; + -webkit-filter: drop-shadow(5px 0px 0px rgba(0,0,0,0.6)); + filter: drop-shadow(5px 0px 0px rgba(0,0,0,0.6)); +} diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx new file mode 100644 index 0000000..9259954 --- /dev/null +++ b/src/components/Header/Header.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +import logo from 'assets/images/pokedex.png'; +import './Header.css'; + +const Header = () => { + return ( +
+
+
+ Poke Logo +
+
+
+ ); +}; + +export default Header; diff --git a/src/components/Header/index.ts b/src/components/Header/index.ts new file mode 100644 index 0000000..579f1ac --- /dev/null +++ b/src/components/Header/index.ts @@ -0,0 +1 @@ +export { default } from './Header'; diff --git a/src/components/InfoDialogComponent/InfoDialogComponent.css b/src/components/InfoDialogComponent/InfoDialogComponent.css index 369bc46..c59bba0 100644 --- a/src/components/InfoDialogComponent/InfoDialogComponent.css +++ b/src/components/InfoDialogComponent/InfoDialogComponent.css @@ -3,7 +3,7 @@ html { --cardborder: #fff; --pokenumber: hsl(228, 28%, 20%); --info: #fff; - --bggradient: url('assets/bg.png'); + --bggradient: url('assets/images/bg.png'); --bgcolor: none; } @@ -147,7 +147,7 @@ html[data-theme='dark'] { } .dialog__bg { - background-image: url('assets/bg.png'); + background-image: url('assets/images/bg.png'); background-repeat: repeat; } diff --git a/src/index.css b/src/index.css index 199be83..55c3568 100644 --- a/src/index.css +++ b/src/index.css @@ -1,6 +1,6 @@ html { --toggle: hsl(230deg 17% 85%); - --bggradient: url('assets/bg.png'); + --bggradient: url('assets/images/bg.png'); --bgcolor: none; --colorPrimary: #000; --filterHeading: #000; @@ -38,7 +38,7 @@ body { sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - background-image: url('assets/bg.png'); + background-image: url('assets/images/bg.png'); background-size: initial; background-repeat: repeat; }