From a76289a7bc0635257ec43794f341de700f5e0fd6 Mon Sep 17 00:00:00 2001 From: oscarzhou Date: Sun, 13 Dec 2020 15:15:54 +1300 Subject: [PATCH] component: add Logo component --- src/assets/images/burger-logo.png | Bin 0 -> 14640 bytes src/components/Logo/Logo.css | 11 +++++++++++ src/components/Logo/Logo.js | 14 ++++++++++++++ src/components/UI/Navigation/Toolbar/Toolbar.js | 3 ++- 4 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 src/assets/images/burger-logo.png create mode 100644 src/components/Logo/Logo.css create mode 100644 src/components/Logo/Logo.js diff --git a/src/assets/images/burger-logo.png b/src/assets/images/burger-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..5b06033db1501011e4bd259bbe625229bd9c1a2a GIT binary patch literal 14640 zcmY*=18`P*ek)73rwoSL4g zIz17J@)GbcI50p!K=4wMqRK!(!0|sX5EST-q!Mzz=Lg7Gs%pAu%E⪚HUo|F(V1l|5b6Z<|7gMk3%9& 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 a6aq+vbla&W?dJ*-kd&CbXsz(C-~R{1!Un?t literal 0 HcmV?d00001 diff --git a/src/components/Logo/Logo.css b/src/components/Logo/Logo.css new file mode 100644 index 0000000..d38e7bc --- /dev/null +++ b/src/components/Logo/Logo.css @@ -0,0 +1,11 @@ +.Logo { + background-color: white; + padding: 8px; + height: 80%; + box-sizing: border-box; + border-radius: 5px; +} + +.Logo img{ + height: 100%; +} \ No newline at end of file diff --git a/src/components/Logo/Logo.js b/src/components/Logo/Logo.js new file mode 100644 index 0000000..d7f9962 --- /dev/null +++ b/src/components/Logo/Logo.js @@ -0,0 +1,14 @@ +import React from 'react'; + +import burgerLogo from '../../assets/images/burger-logo.png'; +import classes from './Logo.css'; + +const logo = (props) => { + return ( +
+ burger +
+ ) +} + +export default logo; \ No newline at end of file diff --git a/src/components/UI/Navigation/Toolbar/Toolbar.js b/src/components/UI/Navigation/Toolbar/Toolbar.js index 8cecd8c..3079ed1 100644 --- a/src/components/UI/Navigation/Toolbar/Toolbar.js +++ b/src/components/UI/Navigation/Toolbar/Toolbar.js @@ -1,12 +1,13 @@ import React from 'react'; import classes from './Toolbar.css'; +import Logo from '../../../Logo/Logo'; const toolbar = () => { return (
MENU
-
LOGO
+