GUI base navigation & home

2022-03-06 10:55:51 -08:00
parent f3b5155274
commit e6329819c7
26 changed files with 2087 additions and 85 deletions
--- a/theseus_gui/src/styles/components.postcss
+++ b/theseus_gui/src/styles/components.postcss
@@ -0,0 +1,19 @@
+.nav-item {
+    display: flex;
+    align-items: center;
+    grid-gap: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: var(--rounded-sm);
+    box-shadow: var(--shadow-inset-sm) var(--shadow-raised);
+    transition: background-color 0.2s ease-in-out,
+    color 0.1s ease-in-out;
+    color: var(--color-text-light);
+
+    &:hover, &.active {
+        color: var(--color-text);
+    }
+
+    &.active {
+        background-color: var(--nav-active-bg);
+    }
+}