Separate manager page tabs from hero

2026-04-06 11:20:07 +07:00
parent 606ed6c356
commit 50a02c6593
3 changed files with 72 additions and 38 deletions
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -238,6 +238,40 @@ body {
  color: #557562;
 }

+.manager-page-tabs {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  border: 1px solid #d7e9de;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.72);
+  padding: 0.3rem;
+}
+
+.manager-page-tab {
+  border: 0;
+  border-radius: 999px;
+  background: transparent;
+  padding: 0.75rem 1.15rem;
+  font-size: 0.95rem;
+  font-weight: 700;
+  color: #5c7b69;
+  transition:
+    background-color 0.18s ease,
+    box-shadow 0.18s ease,
+    color 0.18s ease;
+}
+
+.manager-page-tab:hover {
+  color: #123824;
+}
+
+.manager-page-tab--active {
+  background: var(--brand-primary);
+  color: #fff;
+  box-shadow: 0 12px 28px rgba(19, 153, 87, 0.22);
+}
+
 .manager-dock-shell {
  position: fixed;
  inset-inline: 0;