From 6c29fc8ff6a56796d39c2729fbefd52ab507b174 Mon Sep 17 00:00:00 2001 From: RezaAshrafi77 Date: Mon, 13 Sep 2021 20:10:12 +0430 Subject: [PATCH] reza added object footer --- src/assets/icons/ar.png | Bin 0 -> 7820 bytes src/assets/icons/download.png | Bin 0 -> 883 bytes src/assets/images/object__footer.svg | 33 ++++++++++++++++ src/types/images.d.ts | 3 +- src/views/Home/AppDownload/index.scss | 54 +++++++++++++++++++++++++- src/views/Home/AppDownload/index.tsx | 18 ++++++++- 6 files changed, 103 insertions(+), 5 deletions(-) create mode 100644 src/assets/icons/ar.png create mode 100644 src/assets/icons/download.png create mode 100644 src/assets/images/object__footer.svg diff --git a/src/assets/icons/ar.png b/src/assets/icons/ar.png new file mode 100644 index 0000000000000000000000000000000000000000..452902e8b38ae9f7773494e89178fab206e23f49 GIT binary patch literal 7820 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 JPDHLkV1ft=pOpXr literal 0 HcmV?d00001 diff --git a/src/assets/images/object__footer.svg b/src/assets/images/object__footer.svg new file mode 100644 index 0000000..9e1b5c6 --- /dev/null +++ b/src/assets/images/object__footer.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/types/images.d.ts b/src/types/images.d.ts index 5836bda..a189d4d 100644 --- a/src/types/images.d.ts +++ b/src/types/images.d.ts @@ -1,3 +1,4 @@ declare module '*.jpg'; declare module '*.jpeg'; -declare module '*.png'; \ No newline at end of file +declare module '*.png'; +declare module '*.svg'; \ No newline at end of file diff --git a/src/views/Home/AppDownload/index.scss b/src/views/Home/AppDownload/index.scss index 6fa10aa..7ba7699 100644 --- a/src/views/Home/AppDownload/index.scss +++ b/src/views/Home/AppDownload/index.scss @@ -3,14 +3,56 @@ margin: 0px auto; padding: 30px 0px; color: white; + background : url(../../../assets/images/object__footer.svg) no-repeat; + background-size : 100% 100%; + background-position : 0px 0px; h1{ font-family: numeralBold; } + &__figure{ + &--screen{ + width: 220px; + height: 185px; + border-top: 12px solid black; + border-right: 12px solid black; + border-left: 12px solid black; + border-top-left-radius: 30px; + border-top-right-radius: 30px; + background-color: #E3E3E3; + } + &--details{ + width: 320px; + padding: 10px; + background-color: black; + border-radius: 10px; + h2,p{ + margin: 0px; + margin-right: 5px; + } + h2{ + color: white; + font-family: numeralBold; + margin-bottom: 5px; + } + p{ + color: #FFD70F; + font-family: numeralLight; + } + } + } } @media screen and (min-width: 1441px) { .app-download{ max-width: 1250px; + &__figure{ + h2{ + font-size: 16px; + } + p{ + font-size: 13px; + } + } } } @@ -21,8 +63,16 @@ font-size: calc(100vw / 40); line-height: 2em; } - img{ - height: 60px; + &__figure{ + h2{ + font-size: calc(100vw / 120); + } + p{ + font-size: calc(100vw / 150); + } + img{ + width: 40px; + } } } diff --git a/src/views/Home/AppDownload/index.tsx b/src/views/Home/AppDownload/index.tsx index c3285a5..4edf281 100644 --- a/src/views/Home/AppDownload/index.tsx +++ b/src/views/Home/AppDownload/index.tsx @@ -1,12 +1,26 @@ import React from 'react' -import bazar from '../../../assets/images/bazar.png'; +import ar from '../../../assets/icons/ar.png'; +import download from '../../../assets/icons/download.png'; import './index.scss'; export default function AppDownload() { return (

اینجا جایگاه یک
متن ویژه است که باید در این
قسمت قرار بگیرد.

- +
+
+
+
+
+ {'واقعیت +
+

دانلود اپلیکیشن اندرویدی

+

به راحتی آب خوردن از کافه بازار و گوناگون

+
+
+ دانلود +
+
) }