From 802d8d8c0847ba007afcf3d059d464d61b9d234e Mon Sep 17 00:00:00 2001 From: NB <47492535+altmshfkgudtjr@users.noreply.github.com> Date: Fri, 16 Apr 2021 20:24:00 +0900 Subject: [PATCH] Add Logo --- public/images/reactEpubIcon.png | Bin 0 -> 5057 bytes src/components/header/Logo.tsx | 35 ++++++++++++++++++++++++++++++++ src/containers/Header.tsx | 2 ++ src/index.tsx | 2 +- 4 files changed, 38 insertions(+), 1 deletion(-) create mode 100644 public/images/reactEpubIcon.png create mode 100644 src/components/header/Logo.tsx diff --git a/public/images/reactEpubIcon.png b/public/images/reactEpubIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..1ba02c0153668c3db8b0dd86ab985b3d6aabed75 GIT binary patch literal 5057 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 { + return ( + + Logo + + ); +} + +const Wrapper = styled.a` + display: flex; + align-items: center; + justify-content: center; + outline: none; + margin-left: 16px; + background-color: rgba(0,0,0,0); + transition: .3s ${styles.transition}; + border-radius: 8px; + padding: 4px 8px; + cursor: pointer; + + &:focus, &:hover { + background-color: ${palette.blue1}; + } +`; + +const Img = styled.img` + height: 32px; +`; + +export default Logo \ No newline at end of file diff --git a/src/containers/Header.tsx b/src/containers/Header.tsx index a08194c..7b6f224 100644 --- a/src/containers/Header.tsx +++ b/src/containers/Header.tsx @@ -2,6 +2,7 @@ import { useState } from 'react' // components import Wrapper from 'components/header/Wrapper' import Layout, { AutoLayout } from 'components/header/Layout' +import Logo from 'components/header/Logo' import ControlBtn from 'components/header/ControlBtn' import ControlIconBtn from 'components/header/ControlIconBtn' import VerticalLine from 'components/header/VerticalLine' @@ -72,6 +73,7 @@ const Header = ({
+ diff --git a/src/index.tsx b/src/index.tsx index b8fb68c..2fa0ce3 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,6 +1,6 @@ import ReactDOM from 'react-dom'; import Reader from 'containers/Reader' -const EPUB_URL = "files/Alices Adventures in Wonderland.epub"; +const EPUB_URL = "react-epub-viewer/files/Alices Adventures in Wonderland.epub"; ReactDOM.render(, document.getElementById('root')); \ No newline at end of file