From 560300b680e57b5a6b1efcf500b5fa7b9c8477e7 Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 20 Nov 2024 18:43:41 +0200 Subject: [PATCH] Adapted error on search page --- FrontEnd/src/pages/SearchPage/Search.jsx | 6 +-- .../SearchField/SearchResults.module.css | 1 - .../src/pages/SearchPage/search.module.scss | 37 +++++++++---------- 3 files changed, 18 insertions(+), 26 deletions(-) diff --git a/FrontEnd/src/pages/SearchPage/Search.jsx b/FrontEnd/src/pages/SearchPage/Search.jsx index 79e2d542c..80ca3424d 100644 --- a/FrontEnd/src/pages/SearchPage/Search.jsx +++ b/FrontEnd/src/pages/SearchPage/Search.jsx @@ -96,11 +96,7 @@ export function Search({ isAuthorized }) { ) : (

- Пошук не дав результатів: компанії з іменем - - {` ${searchTerm} `} - - не було виявлено на даний момент + Пошук не дав результатів

)} diff --git a/FrontEnd/src/pages/SearchPage/SearchField/SearchResults.module.css b/FrontEnd/src/pages/SearchPage/SearchField/SearchResults.module.css index 2e376a8af..34c2a8d0f 100644 --- a/FrontEnd/src/pages/SearchPage/SearchField/SearchResults.module.css +++ b/FrontEnd/src/pages/SearchPage/SearchField/SearchResults.module.css @@ -7,7 +7,6 @@ .col { flex: 0 0 auto; - align-items: center; margin-bottom: 32px; } diff --git a/FrontEnd/src/pages/SearchPage/search.module.scss b/FrontEnd/src/pages/SearchPage/search.module.scss index 027f927ef..974d33e61 100644 --- a/FrontEnd/src/pages/SearchPage/search.module.scss +++ b/FrontEnd/src/pages/SearchPage/search.module.scss @@ -1,13 +1,16 @@ .main_block_outer { padding-top: 10px; - min-height: var(--min-height-block-main); } .new-companies-main__error { + background-color: rgba(249, 245, 236, 1); display: flex; - min-height: 539px; + justify-content: center; + align-items: center; + min-height: 288px; margin-top: 3%; - align-content: center; + text-align: center; + } .main_block { @@ -35,23 +38,11 @@ } .search_result_error { - margin-left: 140px; - margin-top: 15%; - width: 80%; - flex-direction: row; - font-weight: 600; + width: 100%; + max-width: 80%; color: var(--search-text-color); - font: normal normal bold 20px/2 var(--font-main); -} - -.search_result_error_color { - color: #0b6c61; - font: normal normal normal 20px/2 var(--font-main); - font-weight: 600; -} - -.new-companies-result_pages { - padding: 40px; + font: normal normal bold 29px/2 var(--font-main); + text-align: center; } .pagination { @@ -88,6 +79,10 @@ .search_field_entered_value { font-size: 41px; } + + .search_result_error { + font: normal normal bold 48px/2 var(--font-main); + } } @media only screen and (min-width: 768px){ @@ -97,5 +92,7 @@ .search_field_entered_value { font-size: 34px; } - + .search_result_error { + font: normal normal bold 48px/2 var(--font-main); + } }