Use Navbar from @swmansion/t-rex-ui

software-mansion · May 14, 2024 · 16b07b2 · 16b07b2
1 parent 4ddf544
commit 16b07b2
Show file tree

Hide file tree

Showing 10 changed files with 44 additions and 487 deletions.
diff --git a/docs/src/css/colors.css b/docs/src/css/colors.css
@@ -114,9 +114,9 @@
   --swm-color-mode-enabled: var(--swm-navy-light-20);
   --swm-color-mode-disabled-color: var(--swm-navy-light-20);
 
-  --swm-color-mode-enabled-landing: var(--swm-off-white);
-  --swm-color-mode-enabled-color-landing: var(--ifm-font-color-base);
-  --swm-color-mode-disabled-color-landing: var(--swm-off-white);
+  --swm-color-mode-enabled-landing: var(--ifm-font-color-base);
+  --swm-color-mode-enabled-color-landing: var(--swm-off-white);
+  --swm-color-mode-disabled-color-landing: var(--ifm-font-color-base);
 
   /* Typography */
   --ifm-heading-color: var(--ifm-color-primary);

diff --git a/docs/src/css/overrides.css b/docs/src/css/overrides.css
@@ -140,6 +140,26 @@ table thead tr {
 }
 
 [class*='sidebar'] [class*='logoWrapper'] a {
-  padding-left: 1.5rem;
   align-items: center;
 }
+
+@media (min-width: 996px) {
+  [class*='logoWrapper'] a {
+    padding-left: 1.5rem;
+  }
+  [class*='colorModeToggle'] {
+    margin: 0 1.5em;
+  }
+}
+[class*='colorModeToggle'] {
+  margin: 0 !important;
+}
+
+/* // this wouldn't be in the patch because it only applies to Gesture Hander */
+[class*='navbar__logo'] img {
+  margin-right: 0.5rem;
+}
+
+[class*='logoWrapper'] {
+  justify-content: flex-start !important;
+}
diff --git a/docs/src/theme/Navbar/Content/index.js b/docs/src/theme/Navbar/Content/index.js
diff --git a/docs/src/theme/Navbar/Content/styles.module.css b/docs/src/theme/Navbar/Content/styles.module.css
diff --git a/docs/src/theme/Navbar/Layout/index.js b/docs/src/theme/Navbar/Layout/index.js
diff --git a/docs/src/theme/Navbar/Layout/styles.module.css b/docs/src/theme/Navbar/Layout/styles.module.css