diff --git a/rsconcept/frontend/public/logo.svg b/rsconcept/frontend/public/logo.svg
deleted file mode 100644
index c9d93b15..00000000
--- a/rsconcept/frontend/public/logo.svg
+++ /dev/null
@@ -1,536 +0,0 @@
-
-
-
-
diff --git a/rsconcept/frontend/public/logo_full.svg b/rsconcept/frontend/public/logo_full.svg
new file mode 100644
index 00000000..df726b3a
--- /dev/null
+++ b/rsconcept/frontend/public/logo_full.svg
@@ -0,0 +1,39 @@
+
+
+
+
diff --git a/rsconcept/frontend/public/logo_sign.svg b/rsconcept/frontend/public/logo_sign.svg
new file mode 100644
index 00000000..0a3dde38
--- /dev/null
+++ b/rsconcept/frontend/public/logo_sign.svg
@@ -0,0 +1,23 @@
+
+
+
+
diff --git a/rsconcept/frontend/src/components/Navigation/Logo.tsx b/rsconcept/frontend/src/components/Navigation/Logo.tsx
index 56e6df4a..3e8507c5 100644
--- a/rsconcept/frontend/src/components/Navigation/Logo.tsx
+++ b/rsconcept/frontend/src/components/Navigation/Logo.tsx
@@ -1,14 +1,25 @@
import { Link } from 'react-router-dom';
-interface LogoProps {
- title: string
-}
+import useWindowSize from '../../hooks/useWindowSize';
+
+const HIDE_LOGO_TEXT_LIMIT = 700;
+
+function Logo() {
+ const windowSize = useWindowSize();
-function Logo({ title }: LogoProps) {
return (
-
-
- {title}
+
+ { (windowSize.width && windowSize.width >= HIDE_LOGO_TEXT_LIMIT) &&
+
}
+ { (!windowSize.width || windowSize.width < HIDE_LOGO_TEXT_LIMIT) &&
+
}
);
}
diff --git a/rsconcept/frontend/src/components/Navigation/Navigation.tsx b/rsconcept/frontend/src/components/Navigation/Navigation.tsx
index 7a3cc4b5..80f09e46 100644
--- a/rsconcept/frontend/src/components/Navigation/Navigation.tsx
+++ b/rsconcept/frontend/src/components/Navigation/Navigation.tsx
@@ -36,7 +36,7 @@ function Navigation () {
{!noNavigation &&