Align admin shell with launcher UI

2026-06-26 01:13:41 +03:00
parent 3e789d6887
commit cc45b1c445
5 changed files with 1115 additions and 253 deletions
@@ -8,15 +8,56 @@
  </head>
  <body>
    <div class="admin-backdrop" aria-hidden="true"></div>
+    <header class="nodedc-expanded-toolbar-shell">
+      <div class="nodedc-expanded-toolbar">
+        <div class="nodedc-expanded-toolbar-top">
+          <div class="nodedc-expanded-toolbar-left">
+            <a href="/" class="nodedc-expanded-brand-link" target="_blank" aria-label="NODE.DC">
+              <img src="./nodedc-logo.svg" alt="NODE.DC" class="nodedc-expanded-brand-logo" />
+            </a>
+          </div>
+          <div class="nodedc-expanded-toolbar-center">
+            <span class="nodedc-expanded-workspace-button" aria-hidden="true">
+              <img src="../assets/custom/logo.png" alt="" class="nodedc-expanded-workspace-avatar" />
+            </span>
+            <nav class="nodedc-expanded-nav-group" aria-label="Навигация админки">
+              <a class="nodedc-expanded-nav-button" href="/" target="_blank" data-active="false">
+                <span>Витрина</span>
+              </a>
+              <button class="nodedc-expanded-nav-button" type="button" data-active="true">
+                <span>Администрирование</span>
+              </button>
+              <button class="nodedc-expanded-nav-button" type="button" data-active="false">
+                <span>Платформа</span>
+              </button>
+            </nav>
+          </div>
+          <div class="nodedc-expanded-toolbar-right">
+            <div class="nodedc-expanded-user-group">
+              <span class="nodedc-toolbar-icon-button" aria-hidden="true">▣</span>
+              <span class="nodedc-expanded-profile-trigger">
+                <span class="nodedc-expanded-nav-button" data-active="false">
+                  <span>Профиль</span>
+                </span>
+                <span class="nodedc-expanded-user-avatar-button" aria-hidden="true">
+                  <span class="nodedc-expanded-user-avatar">DC</span>
+                </span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
    <main class="admin-shell">
      <aside class="sidebar">
        <div class="sidebar-head">
-          <a class="back-link" href="/" target="_blank" aria-label="Открыть сайт">
-            <span>←</span>
-            <span>Открыть сайт</span>
-          </a>
-          <div class="workspace-card">
-            <div class="workspace-logo">ND</div>
+          <div>
+            <div class="section-kicker">NODE.DC</div>
+            <h1>Администрирование</h1>
+          </div>
+          <a class="admin-panel-close" href="/" target="_blank" aria-label="Открыть сайт">×</a>
+          <div class="workspace-card admin-panel-client-select">
+            <div class="workspace-logo admin-panel-client-select__icon">DC</div>
            <div>
              <div class="workspace-name">NODE.DC</div>
              <div class="workspace-role">Администратор сайта</div>