From b307c9bb39ede72e77d0e126e3c5446af1142268 Mon Sep 17 00:00:00 2001 From: Ahmed-Ayman Date: Sat, 22 Dec 2018 12:27:41 +0200 Subject: [PATCH] change the counter to a fixed image, set the header image to one image instead of separated 3 imgs --- src/assets/images/Counter.svg | 44 +++ src/assets/images/Logo.svg | 574 ++++++++++++++++++++++++++++++++++ src/components/Header.js | 10 +- src/stylesheets/header.scss | 3 +- 4 files changed, 623 insertions(+), 8 deletions(-) create mode 100644 src/assets/images/Counter.svg create mode 100644 src/assets/images/Logo.svg diff --git a/src/assets/images/Counter.svg b/src/assets/images/Counter.svg new file mode 100644 index 0000000..15becb5 --- /dev/null +++ b/src/assets/images/Counter.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/Logo.svg b/src/assets/images/Logo.svg new file mode 100644 index 0000000..61b9c40 --- /dev/null +++ b/src/assets/images/Logo.svg @@ -0,0 +1,574 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Header.js b/src/components/Header.js index e6d3fe6..905e4e4 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -8,10 +8,8 @@ class Header extends React.Component { return (
- logo 858 -
- logo 858 -

An archive of resistance

+ logo 858 + {/*

An archive of resistance

*/}
); @@ -19,9 +17,7 @@ class Header extends React.Component { const Counter = () => { return (
- 967 -
- ساعة وبيزيدوا + counter
); } diff --git a/src/stylesheets/header.scss b/src/stylesheets/header.scss index f16b883..c6f20f8 100644 --- a/src/stylesheets/header.scss +++ b/src/stylesheets/header.scss @@ -7,11 +7,12 @@ header { } .site-logo { - max-width: 300px; + max-width: 250px; text-align: center; } .counter-container { + width: 10%; position: absolute; display: inline-block; right: 0;