скелет готов

2026-08-10 13:48:16 +05:00
parent f6f4872a7c
commit 2ed5d5a7d3
10 changed files with 620 additions and 134 deletions
@@ -0,0 +1,40 @@
+@import '../../../../styles/design-tokens';
+
+// Подвкладки «Моих заявок». Оформление намеренно повторяет CategoryTabs
+// (вкладки категорий на подаче заявки) — это тот же по смыслу элемент
+// «переключатель раздела», и разнобой в двух местах портала выглядел бы ошибкой.
+.tabs {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  gap: $sp-2;
+  border-bottom: 1px solid $gray-200;
+  margin-bottom: $sp-4;
+}
+
+.tab {
+  display: inline-flex;
+  align-items: center;
+  padding: 12px 16px;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  background: transparent;
+  color: $gray-500;
+  font-family: $font-sans;
+  font-size: 13px;
+  font-weight: 500;
+  letter-spacing: .2px;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: color .18s, border-color .18s;
+
+  &:hover {
+    color: $navy-800;
+  }
+}
+
+.active {
+  color: $navy-900;
+  font-weight: 600;
+  border-bottom-color: $gold-500;
+}