From 5fab8522a6fedc0e71d3a7c263b21b7f5db553dd Mon Sep 17 00:00:00 2001 From: IRBorisov <8611739+IRBorisov@users.noreply.github.com> Date: Fri, 13 Oct 2023 21:44:18 +0300 Subject: [PATCH] Minor UI fixes --- rsconcept/frontend/public/logo_full.svg | 4 +- rsconcept/frontend/public/logo_full_dark.svg | 39 +++++++++++++++++++ .../src/components/Navigation/Logo.tsx | 9 ++++- .../frontend/src/components/RSInput/index.tsx | 2 +- 4 files changed, 50 insertions(+), 4 deletions(-) create mode 100644 rsconcept/frontend/public/logo_full_dark.svg diff --git a/rsconcept/frontend/public/logo_full.svg b/rsconcept/frontend/public/logo_full.svg index df726b3a..030bbc96 100644 --- a/rsconcept/frontend/public/logo_full.svg +++ b/rsconcept/frontend/public/logo_full.svg @@ -11,8 +11,8 @@ viewBox="0 0 194.51 27.49" .fil0 {fill:#E31E24} .fil1 {fill:#00A0E3} .fil3 {fill:#009846} - .fil4 {fill:#1A1A1A} - .fil2 {fill:#1A1A1A;fill-rule:nonzero} + .fil4 {fill:#4d4d4d} + .fil2 {fill:#4d4d4d;fill-rule:nonzero} ]]> diff --git a/rsconcept/frontend/public/logo_full_dark.svg b/rsconcept/frontend/public/logo_full_dark.svg new file mode 100644 index 00000000..253a2530 --- /dev/null +++ b/rsconcept/frontend/public/logo_full_dark.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rsconcept/frontend/src/components/Navigation/Logo.tsx b/rsconcept/frontend/src/components/Navigation/Logo.tsx index 3e8507c5..4e22b6d1 100644 --- a/rsconcept/frontend/src/components/Navigation/Logo.tsx +++ b/rsconcept/frontend/src/components/Navigation/Logo.tsx @@ -1,19 +1,26 @@ import { Link } from 'react-router-dom'; +import { useConceptTheme } from '../../context/ThemeContext'; import useWindowSize from '../../hooks/useWindowSize'; const HIDE_LOGO_TEXT_LIMIT = 700; function Logo() { + const { darkMode } = useConceptTheme(); const windowSize = useWindowSize(); return ( - { (windowSize.width && windowSize.width >= HIDE_LOGO_TEXT_LIMIT) && + { (windowSize.width && windowSize.width >= HIDE_LOGO_TEXT_LIMIT) && !darkMode && } + { (windowSize.width && windowSize.width >= HIDE_LOGO_TEXT_LIMIT) && darkMode && + } { (!windowSize.width || windowSize.width < HIDE_LOGO_TEXT_LIMIT) &&