48 lines
2.3 KiB
HTML
48 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru" data-theme="light">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Сверка документов при назначении руководителей</title>
|
|
<link rel="stylesheet" href="./design-system/kt-ai-fonts.css">
|
|
<link rel="stylesheet" href="./design-system/kt-ai-tokens.css">
|
|
<link rel="stylesheet" href="./design-system/kt-ai-components.css">
|
|
<link rel="stylesheet" href="./design-system/kt-ai-page.css">
|
|
<link rel="stylesheet" href="./design-system/vibe-theme.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body class="kt-ai-app">
|
|
<div class="kt-ai-shell">
|
|
|
|
<aside class="kt-ai-sidebar" id="sidebar" style="display:flex;flex-direction:column;padding:14px 10px;gap:2px">
|
|
<div class="sb-top">
|
|
<img src="design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком">
|
|
<span class="nm nav-label">Сверка документов</span>
|
|
</div>
|
|
<nav id="snav" aria-label="Разделы" style="display:flex;flex-direction:column;gap:2px"></nav>
|
|
<div class="sb-bottom">
|
|
<button class="kt-ai-nav-item sb-util" id="sbUser" title="Переключить роль">
|
|
<span class="kt-ai-avatar" style="width:20px;height:20px;font-size:8px;flex:0 0 20px" id="sbAvatar">ЭК</span>
|
|
<span class="nav-label" id="sbName">Эксперт</span>
|
|
</button>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="kt-ai-main" style="min-height:100dvh;display:flex;flex-direction:column">
|
|
<header class="kt-ai-topbar" id="topbar">
|
|
<button class="kt-ai-icon-button shell-topbar-burger" aria-label="Меню" id="burger"><svg class="kt-icon" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg></button>
|
|
<nav class="topbar-crumb"><span id="pageTitle">…</span><span id="pageSub" style="display:none"></span></nav>
|
|
<div class="spacer"></div>
|
|
<span class="kt-ai-chip" id="crumbRole" data-tone="blue">Эксперт</span>
|
|
</header>
|
|
<div id="view" style="flex:1;overflow:auto"></div>
|
|
</main>
|
|
</div>
|
|
|
|
<div class="kt-ai-drawer" id="drawer" role="dialog" aria-modal="true" tabindex="-1" style="display:none"></div>
|
|
<div class="kt-ai-toast-stack" id="toasts" role="status" aria-live="polite" aria-atomic="false"></div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|