mirror of
https://github.com/wasrusgen/wasrusgen1-crm.git
synced 2026-06-03 15:04:47 +00:00
brand: fix logo — vertical separator + КОНСАЛТИНГ emphasized (per brandbook)
This commit is contained in:
parent
6c5af31aae
commit
dfad10bbff
@ -14,8 +14,9 @@ body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);displ
|
||||
/* Header */
|
||||
.hdr{height:54px;background:var(--dark);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}
|
||||
.hdr-ic{width:30px;height:30px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat';font-weight:800;font-size:16px;color:#fff}
|
||||
.hdr-t{font-family:'Montserrat';font-weight:700;font-size:14px;color:#fff}
|
||||
.hdr-t em{color:rgba(255,255,255,.35);font-style:normal;margin:0 5px}
|
||||
.hdr-t{font-family:'Montserrat';font-weight:700;font-size:14px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:9px;letter-spacing:-.2px}
|
||||
.hdr-sep{width:1.5px;height:15px;background:rgba(255,255,255,.25);flex-shrink:0}
|
||||
.hdr-t b{font-weight:800;color:#fff}
|
||||
.hdr-client{font-size:13px;color:rgba(255,255,255,.6);margin-left:6px}
|
||||
.hdr-r{margin-left:auto}
|
||||
.elena-chip{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:5px 13px 5px 6px}
|
||||
@ -153,7 +154,7 @@ body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);displ
|
||||
<body>
|
||||
<header class="hdr">
|
||||
<div class="hdr-ic">@</div>
|
||||
<div class="hdr-t">wasrusgen1 <em>/</em> КОНСАЛТИНГ</div>
|
||||
<div class="hdr-t">wasrusgen1<span class="hdr-sep"></span><b>КОНСАЛТИНГ</b></div>
|
||||
<div class="hdr-client" id="hdrClient"></div>
|
||||
<div class="hdr-r"><div class="elena-chip"><div class="elena-av">Е</div><div class="elena-nm">Елена</div><div class="elena-dot"></div></div></div>
|
||||
</header>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
@ -13,8 +13,9 @@ html,body{height:100%;overflow:hidden}
|
||||
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column}
|
||||
.hdr{height:54px;background:var(--dark);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0;z-index:10}
|
||||
.hdr-ic{width:30px;height:30px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat';font-weight:800;color:#fff;font-size:16px}
|
||||
.hdr-t{font-family:'Montserrat';font-weight:700;font-size:14px;color:#fff}
|
||||
.hdr-t em{color:rgba(255,255,255,.35);font-style:normal;margin:0 5px}
|
||||
.hdr-t{font-family:'Montserrat';font-weight:700;font-size:14px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:9px;letter-spacing:-.2px}
|
||||
.hdr-sep{width:1.5px;height:15px;background:rgba(255,255,255,.25);flex-shrink:0}
|
||||
.hdr-t b{font-weight:800;color:#fff}
|
||||
.hdr-badge{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25);color:var(--mid);font-size:10px;font-weight:700;letter-spacing:.05em;border-radius:6px;padding:2px 8px}
|
||||
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:13px}
|
||||
.layout{flex:1;display:flex;overflow:hidden}
|
||||
@ -137,7 +138,7 @@ body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);displ
|
||||
<body>
|
||||
<header class="hdr">
|
||||
<div class="hdr-ic">@</div>
|
||||
<div class="hdr-t">wasrusgen1 <em>/</em> КОНСАЛТИНГ</div>
|
||||
<div class="hdr-t">wasrusgen1<span class="hdr-sep"></span><b>КОНСАЛТИНГ</b></div>
|
||||
<div class="hdr-badge">CRM КОНСУЛЬТАНТА</div>
|
||||
<div class="hdr-r"><span style="width:8px;height:8px;border-radius:50%;background:var(--mid);display:inline-block"></span>Руслан</div>
|
||||
</header>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
@ -13,8 +13,9 @@ html,body{height:100%}
|
||||
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column;height:100vh}
|
||||
.hdr{height:56px;background:var(--dark);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}
|
||||
.hdr-ic{width:32px;height:32px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat';font-weight:800;color:#fff;font-size:17px}
|
||||
.hdr-t{font-family:'Montserrat';font-weight:700;font-size:15px;color:#fff}
|
||||
.hdr-t em{color:rgba(255,255,255,.4);font-style:normal;margin:0 5px}
|
||||
.hdr-t{font-family:'Montserrat';font-weight:700;font-size:14px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:9px;letter-spacing:-.2px}
|
||||
.hdr-sep{width:1.5px;height:15px;background:rgba(255,255,255,.25);flex-shrink:0}
|
||||
.hdr-t b{font-weight:800;color:#fff}
|
||||
.hdr-elena{margin-left:auto;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);font-size:13px;font-weight:600}
|
||||
.hdr-dot{width:8px;height:8px;border-radius:50%;background:var(--mid);box-shadow:0 0 6px var(--mid)}
|
||||
.wrap{flex:1;display:flex;overflow:hidden}
|
||||
@ -89,7 +90,7 @@ body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);displ
|
||||
<body>
|
||||
<div class="hdr">
|
||||
<div class="hdr-ic">@</div>
|
||||
<div class="hdr-t">wasrusgen1 <em>/</em> КОНСАЛТИНГ</div>
|
||||
<div class="hdr-t">wasrusgen1<span class="hdr-sep"></span><b>КОНСАЛТИНГ</b></div>
|
||||
<div class="hdr-elena"><span class="hdr-dot"></span>Елена · онлайн</div>
|
||||
</div>
|
||||
<div class="wrap">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user