From 1a79e37fbf21245cf70d788896a0b9305b14683e Mon Sep 17 00:00:00 2001 From: Sonatai Date: Mon, 22 Jan 2024 09:44:53 +0100 Subject: [PATCH 1/7] #89 change color from modal background --- src/components/Search/styles.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/Search/styles.css b/src/components/Search/styles.css index 3354d09..3ed8572 100644 --- a/src/components/Search/styles.css +++ b/src/components/Search/styles.css @@ -2,8 +2,8 @@ z-index: 999; position: fixed; - -webkit-tap-highlight-color: #fff; - background-color: #cae0e280; + -webkit-tap-highlight-color: #131315d9; + background-color: #131315d9; box-sizing: border-box; inset: 0; @@ -18,13 +18,13 @@ left: 40%; -webkit-tap-highlight-color: #fff; - background-color: #ffebf2; + background-color: #26262c; box-sizing: border-box; - border: 1px solid #ffebf2; + border: 1px solid #303036; @apply rounded-xl; - @apply drop-shadow-lg; + @apply drop-shadow-md; outline: 0; transform: translateX(-50%); From cafd6ed4296426d5e3363093533a38a6275b01c6 Mon Sep 17 00:00:00 2001 From: Sonatai Date: Mon, 22 Jan 2024 10:05:26 +0100 Subject: [PATCH 2/7] #89 adjust search footer and separator --- src/components/Search/SearchFooter/styles.css | 4 +++- src/components/Search/styles.css | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/Search/SearchFooter/styles.css b/src/components/Search/SearchFooter/styles.css index 4763673..77e0e19 100644 --- a/src/components/Search/SearchFooter/styles.css +++ b/src/components/Search/SearchFooter/styles.css @@ -1,6 +1,7 @@ .modal__footer { @apply h-10; - @apply m-2; + @apply my-2; + @apply mx-3; @apply flex; @apply text-[#FF85AF]; @apply justify-between; @@ -8,6 +9,7 @@ } .modal__footer__link { + @apply no-underline; @apply hover:text-[#ff3f81]; } diff --git a/src/components/Search/styles.css b/src/components/Search/styles.css index 3ed8572..1013f8f 100644 --- a/src/components/Search/styles.css +++ b/src/components/Search/styles.css @@ -32,5 +32,5 @@ } .separator { - @apply border-[#ff3f81]/75; + @apply border-[#ff3f81]; } From 3bacc5bb0d5ce6d38d09ceee728e8c2a1747f29f Mon Sep 17 00:00:00 2001 From: Sonatai Date: Mon, 22 Jan 2024 10:15:24 +0100 Subject: [PATCH 3/7] #89 recolor separator --- src/components/Search/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Search/styles.css b/src/components/Search/styles.css index 1013f8f..a6085ee 100644 --- a/src/components/Search/styles.css +++ b/src/components/Search/styles.css @@ -32,5 +32,5 @@ } .separator { - @apply border-[#ff3f81]; + @apply border-[#303036]; } From 66ae78c2634663709dd784a41113588a8b87e681 Mon Sep 17 00:00:00 2001 From: Sonatai Date: Mon, 22 Jan 2024 10:26:55 +0100 Subject: [PATCH 4/7] #89 redesign search footer --- src/components/Search/SearchFooter/styles.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Search/SearchFooter/styles.css b/src/components/Search/SearchFooter/styles.css index 77e0e19..3014c79 100644 --- a/src/components/Search/SearchFooter/styles.css +++ b/src/components/Search/SearchFooter/styles.css @@ -3,20 +3,20 @@ @apply my-2; @apply mx-3; @apply flex; - @apply text-[#FF85AF]; + @apply text-[#565661]; @apply justify-between; @apply items-center; } .modal__footer__link { @apply no-underline; - @apply hover:text-[#ff3f81]; + @apply hover:text-redNcs; } .modal__footer__image { @apply w-auto; @apply h-8; @apply rounded-full; - @apply bg-[#FF85AF]; - @apply hover:bg-[#ff3f81]; + @apply bg-[#565661]; + @apply hover:bg-redNcs; } From ed67ef814ab40052104167ca320e4608e0b25d9b Mon Sep 17 00:00:00 2001 From: Sonatai Date: Mon, 22 Jan 2024 10:31:33 +0100 Subject: [PATCH 5/7] #89 redesign search input --- src/components/Search/SearchInput/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Search/SearchInput/styles.css b/src/components/Search/SearchInput/styles.css index a0849c7..7eec7b7 100644 --- a/src/components/Search/SearchInput/styles.css +++ b/src/components/Search/SearchInput/styles.css @@ -8,8 +8,8 @@ border: 2px solid #e0004f; - @apply placeholder:text-gray-400; - @apply text-slate-800; + @apply placeholder:text-[#565661]; + @apply text-gray-400; } .input__icon { From d2a344036f7240a9e9d9190ec45327456c63dd9d Mon Sep 17 00:00:00 2001 From: Sonatai Date: Mon, 22 Jan 2024 10:33:52 +0100 Subject: [PATCH 6/7] #89 new text color for no search hit text --- src/components/Search/SearchHits/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Search/SearchHits/styles.css b/src/components/Search/SearchHits/styles.css index eb7cb5c..d5221fa 100644 --- a/src/components/Search/SearchHits/styles.css +++ b/src/components/Search/SearchHits/styles.css @@ -7,4 +7,5 @@ .no__search__hit { @apply text-center; @apply pt-6; + @apply text-gray-400; } From dca4df286b0c821eecaafe68b7733993921e6ada Mon Sep 17 00:00:00 2001 From: Sonatai Date: Mon, 22 Jan 2024 10:47:19 +0100 Subject: [PATCH 7/7] #89 redesign search hits --- src/components/Search/SearchFooter/styles.css | 4 ++-- src/components/Search/SearchHits/SearchCard/styles.css | 8 ++++---- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/Search/SearchFooter/styles.css b/src/components/Search/SearchFooter/styles.css index 3014c79..afe6858 100644 --- a/src/components/Search/SearchFooter/styles.css +++ b/src/components/Search/SearchFooter/styles.css @@ -10,7 +10,7 @@ .modal__footer__link { @apply no-underline; - @apply hover:text-redNcs; + @apply hover:text-claret; } .modal__footer__image { @@ -18,5 +18,5 @@ @apply h-8; @apply rounded-full; @apply bg-[#565661]; - @apply hover:bg-redNcs; + @apply hover:bg-claret; } diff --git a/src/components/Search/SearchHits/SearchCard/styles.css b/src/components/Search/SearchHits/SearchCard/styles.css index 859ec40..78ee0fc 100644 --- a/src/components/Search/SearchHits/SearchCard/styles.css +++ b/src/components/Search/SearchHits/SearchCard/styles.css @@ -1,5 +1,7 @@ .search__card { - @apply bg-[#B0CFD4] hover:bg-[#6DA7B0]; + @apply bg-claret hover:bg-[#61052A]; + @apply text-gray-400 hover:text-gray-400; + @apply no-underline; @apply mb-2 mr-6 ml-2 first:mt-2; @@ -7,8 +9,6 @@ @apply rounded-md; - @apply text-[#24282D] hover:text-[#24282D]; - @apply leading-5; @apply flex; @@ -21,7 +21,7 @@ } .card__icon { - @apply text-[#508A91]; + @apply text-gray-400; @apply mr-2; }