From b4a85e0d88dee5d1925d8bfb1412aaff283b7ace Mon Sep 17 00:00:00 2001 From: RezaAshrafi77 Date: Fri, 17 Sep 2021 14:54:02 +0430 Subject: [PATCH] reza fixed some bug --- src/components/GradeFilter/index.scss | 6 +-- src/components/HomeSearchBox/index.scss | 16 +++--- src/components/Navbar/index.scss | 6 +-- src/components/Vocal/Vocal.tsx | 2 +- src/views/Home/AppDownload/index.scss | 37 +++++++++++++- src/views/Home/AppDownload/index.tsx | 2 +- src/views/Home/Blogs/index.scss | 6 +-- src/views/Home/Books/Book/index.scss | 2 + src/views/Home/Books/index.scss | 4 +- src/views/Home/Courses/Course/index.scss | 2 +- src/views/Home/Courses/Course/index.tsx | 2 +- src/views/Home/Courses/index.scss | 11 ++++- src/views/Home/Courses/index.tsx | 62 +++++++++++++----------- src/views/Home/Footer/index.scss | 2 +- src/views/Home/Header/index.scss | 2 +- src/views/Home/index.scss | 16 ++++++ 16 files changed, 122 insertions(+), 56 deletions(-) diff --git a/src/components/GradeFilter/index.scss b/src/components/GradeFilter/index.scss index 1ce777c..c6c54aa 100644 --- a/src/components/GradeFilter/index.scss +++ b/src/components/GradeFilter/index.scss @@ -16,7 +16,7 @@ span{ width: 2px; height: 20px; - background-color: white; + background-color: rgb(143, 142, 142); margin-right: 15px; } } @@ -38,7 +38,7 @@ @media screen and (min-width: 1441px){ .grade-filter{ - max-width: 1250px; + max-width: 1350px; h1{ font-size: calc(100vw / 120); } @@ -171,7 +171,7 @@ padding: 10px 20px; border-radius: 10px; li{ - width: calc(100% / 4.5) !important; + width: calc(100% / 4.45) !important; margin: 8px 5px; font-size: calc(100vw / 28); padding: 5px 0px; diff --git a/src/components/HomeSearchBox/index.scss b/src/components/HomeSearchBox/index.scss index 055309e..a1be7fa 100644 --- a/src/components/HomeSearchBox/index.scss +++ b/src/components/HomeSearchBox/index.scss @@ -32,13 +32,13 @@ @media screen and (min-width: 1441px) { .home-search-box { width: 100%; - max-width: 1250px; - padding: 80px 0px 30px; + max-width: 1350px; + padding: 40px 0px 10px; &__voice { display: none; } form { - width: 850px; + width: 1000px; input { font-size: 20px; padding-right: 20px; @@ -47,12 +47,12 @@ } } button { - width: 100px; - height: 80px; + width: 80px; + height: 60px; } } ul { - width: 850px; + width: 1000px; padding: 10px 0px !important; li { color: #a2b4cb; @@ -147,8 +147,8 @@ &__searchIcon { position: absolute; left: 62px; - top: 6px; - width: 33px; + top: 9px; + width: 27px; } form { width: 100%; diff --git a/src/components/Navbar/index.scss b/src/components/Navbar/index.scss index bf36338..b8cc369 100644 --- a/src/components/Navbar/index.scss +++ b/src/components/Navbar/index.scss @@ -25,7 +25,7 @@ @media screen and (min-width: 1441px){ .nav{ &__container{ - max-width: 1250px; + max-width: 1350px; &--links{ li{ padding: 0px 20px; @@ -121,7 +121,7 @@ @media screen and (max-width: 640px){ .nav{ - background-color: #010101; + background-color: hsla(0, 0%, 31%, 1); &__container{ max-width: 500px; &--buttons{ @@ -136,7 +136,7 @@ } } &___share{ - margin-left: 10px; + display : none; } &___login{ } diff --git a/src/components/Vocal/Vocal.tsx b/src/components/Vocal/Vocal.tsx index b774083..6453ea5 100644 --- a/src/components/Vocal/Vocal.tsx +++ b/src/components/Vocal/Vocal.tsx @@ -26,7 +26,7 @@ const Vocal = (props: any) => { SpeechRecognition.stopListening(); setPause(true); } - }, 5000); + }, 7000); }; useEffect(() => { diff --git a/src/views/Home/AppDownload/index.scss b/src/views/Home/AppDownload/index.scss index 7ba7699..a94e38a 100644 --- a/src/views/Home/AppDownload/index.scss +++ b/src/views/Home/AppDownload/index.scss @@ -44,7 +44,11 @@ @media screen and (min-width: 1441px) { .app-download{ - max-width: 1250px; + max-width: 1350px; + h1{ + font-size: 40px; + line-height: 2em; + } &__figure{ h2{ font-size: 16px; @@ -52,6 +56,37 @@ p{ font-size: 13px; } + &--screen{ + width: 300px; + height: 255px; + 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: 440px; + padding: 10px; + background-color: black; + border-radius: 10px; + h2,p{ + margin: 0px; + margin-right: 5px; + } + h2{ + color: white; + font-family: numeralBold; + margin-bottom: 5px; + font-size: 17px; + } + p{ + color: #FFD70F; + font-family: numeralLight; + font-size: 13px; + } + } } } } diff --git a/src/views/Home/AppDownload/index.tsx b/src/views/Home/AppDownload/index.tsx index 0273012..6a6aade 100644 --- a/src/views/Home/AppDownload/index.tsx +++ b/src/views/Home/AppDownload/index.tsx @@ -5,7 +5,7 @@ import "./index.scss"; export default function AppDownload() { return ( -
+

اینجا جایگاه یک
متن ویژه است که باید در این
قسمت قرار بگیرد. diff --git a/src/views/Home/Blogs/index.scss b/src/views/Home/Blogs/index.scss index 4117d6c..bc29267 100644 --- a/src/views/Home/Blogs/index.scss +++ b/src/views/Home/Blogs/index.scss @@ -2,8 +2,8 @@ width: 100%; margin: 0px auto; position: relative; - margin-top: 30px; - padding: 20px 10px 50px; + margin-top: 10px; + padding: 0px 10px 50px; font-family: numeralLight; &__list{ width: 100%; @@ -25,7 +25,7 @@ @media screen and (min-width: 1441px) { .home-blogs { - max-width: 1250px; + max-width: 1350px; header{ h1{ font-size: 20px; diff --git a/src/views/Home/Books/Book/index.scss b/src/views/Home/Books/Book/index.scss index ccf9fe1..e7ffd4b 100644 --- a/src/views/Home/Books/Book/index.scss +++ b/src/views/Home/Books/Book/index.scss @@ -9,6 +9,8 @@ } &__info{ + border-bottom: 1px solid #424242; + padding-bottom: 15px; margin-right: 10px; p { margin: 0px; diff --git a/src/views/Home/Books/index.scss b/src/views/Home/Books/index.scss index cfcd18f..0a71622 100644 --- a/src/views/Home/Books/index.scss +++ b/src/views/Home/Books/index.scss @@ -2,7 +2,7 @@ width: 100%; margin: 0px auto; position: relative; - padding: 10px 10px 50px; + padding: 10px 10px 30px; font-family: numeralLight; header{ margin-bottom: 20px; @@ -46,7 +46,7 @@ @media screen and (min-width: 1008px) and (max-width: 1440px) { .home-books { - max-width: 1250px; + max-width: 1350px; header{ h1{ font-size: calc(100vw / 60); diff --git a/src/views/Home/Courses/Course/index.scss b/src/views/Home/Courses/Course/index.scss index 8fe8170..5d267d8 100644 --- a/src/views/Home/Courses/Course/index.scss +++ b/src/views/Home/Courses/Course/index.scss @@ -41,7 +41,7 @@ font-size: 14px; } li{ - font-size: 13px; + font-size: 11px; } } } diff --git a/src/views/Home/Courses/Course/index.tsx b/src/views/Home/Courses/Course/index.tsx index 172e9c7..df9cc4b 100644 --- a/src/views/Home/Courses/Course/index.tsx +++ b/src/views/Home/Courses/Course/index.tsx @@ -8,7 +8,7 @@ export default function Course(props: any) {
{data.name}