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) &&
