UI fixes: remove sidebar dupes from editor.css, remove features section, divider 100%, tile bg
- editor.css: removed duplicate sidebar CSS + :root vars (shared.css handles it) - Landing: removed features/advantages section - Removed Возможности link from all menus (landing, login, register, status, dashboard) - Sidebar divider: width 100% - Dashboard tiles: white bg (surface-800), lighter shadow on hover
This commit is contained in:
parent
560bf4a043
commit
47f40f4466
@ -35,8 +35,8 @@
|
|||||||
.fade-d3 { animation: fadeUp .4s ease-out .15s forwards; opacity:0; }
|
.fade-d3 { animation: fadeUp .4s ease-out .15s forwards; opacity:0; }
|
||||||
.fade-d4 { animation: fadeUp .4s ease-out .2s forwards; opacity:0; }
|
.fade-d4 { animation: fadeUp .4s ease-out .2s forwards; opacity:0; }
|
||||||
|
|
||||||
.tool-tile { display:flex; flex-direction:column; gap:10px; padding:18px; border-radius:14px; border:1px solid var(--surface-600); background:var(--surface-700); color:inherit; text-decoration:none; transition:all .2s; }
|
.tool-tile { display:flex; flex-direction:column; gap:10px; padding:18px; border-radius:14px; border:1px solid var(--surface-600); background:var(--surface-800); color:inherit; text-decoration:none; transition:all .2s; }
|
||||||
.tool-tile:hover { transform:translateY(-2px); border-color:rgba(0,84,230,.3); box-shadow:0 8px 24px rgba(0,0,0,.25); background:var(--surface-800); }
|
.tool-tile:hover { transform:translateY(-2px); border-color:rgba(0,84,230,.3); box-shadow:0 8px 24px rgba(0,0,0,.1); background:var(--surface-700); }
|
||||||
.tile-icon { width:40px; height:40px; border-radius:10px; background:rgba(0,84,230,.1); display:flex; align-items:center; justify-content:center; color:#0054e6; flex-shrink:0; transition:background .2s; }
|
.tile-icon { width:40px; height:40px; border-radius:10px; background:rgba(0,84,230,.1); display:flex; align-items:center; justify-content:center; color:#0054e6; flex-shrink:0; transition:background .2s; }
|
||||||
.tool-tile:hover .tile-icon { background:rgba(0,84,230,.18); }
|
.tool-tile:hover .tile-icon { background:rgba(0,84,230,.18); }
|
||||||
.tile-title { font-size:14px; font-weight:600; color:var(--text-primary); }
|
.tile-title { font-size:14px; font-weight:600; color:var(--text-primary); }
|
||||||
@ -53,7 +53,7 @@
|
|||||||
.cat-count { font-size:11px; color:var(--text-muted); font-family:'JetBrains Mono',monospace; background:var(--surface-600); padding:2px 8px; border-radius:6px; }
|
.cat-count { font-size:11px; color:var(--text-muted); font-family:'JetBrains Mono',monospace; background:var(--surface-600); padding:2px 8px; border-radius:6px; }
|
||||||
.cat-desc { font-size:12px; color:var(--text-muted); margin-left:auto; font-family:'JetBrains Mono',monospace; }
|
.cat-desc { font-size:12px; color:var(--text-muted); margin-left:auto; font-family:'JetBrains Mono',monospace; }
|
||||||
|
|
||||||
.about-card { background:var(--surface-700); border:1px solid var(--surface-600); border-radius:16px; padding:24px; margin-top:40px; }
|
.about-card { background:var(--surface-800); border:1px solid var(--surface-600); border-radius:16px; padding:24px; margin-top:40px; }
|
||||||
.about-card h2 { font-size:16px; font-weight:700; color:var(--text-primary); margin-bottom:12px; }
|
.about-card h2 { font-size:16px; font-weight:700; color:var(--text-primary); margin-bottom:12px; }
|
||||||
.about-card p { font-size:13px; color:var(--text-secondary); line-height:1.7; }
|
.about-card p { font-size:13px; color:var(--text-secondary); line-height:1.7; }
|
||||||
.about-stats { display:flex; gap:24px; margin-top:16px; flex-wrap:wrap; }
|
.about-stats { display:flex; gap:24px; margin-top:16px; flex-wrap:wrap; }
|
||||||
@ -75,7 +75,6 @@
|
|||||||
<nav class="dash-nav">
|
<nav class="dash-nav">
|
||||||
<a href="/" class="dash-nav-link">Главная</a>
|
<a href="/" class="dash-nav-link">Главная</a>
|
||||||
<a href="/#tools" class="dash-nav-link">Инструменты</a>
|
<a href="/#tools" class="dash-nav-link">Инструменты</a>
|
||||||
<a href="/#features" class="dash-nav-link">Возможности</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
<div class="dash-right">
|
<div class="dash-right">
|
||||||
<span class="dash-user" id="headerUser"></span>
|
<span class="dash-user" id="headerUser"></span>
|
||||||
|
|||||||
@ -1,17 +1,7 @@
|
|||||||
*{margin:0;padding:0;box-sizing:border-box}
|
*{margin:0;padding:0;box-sizing:border-box}
|
||||||
:root{--bg:#060c18;--surface-800:rgba(9,16,32,0.95);--surface-700:#0d1828;--surface-600:#162040;--text-primary:#fff;--text-secondary:#c0c0c0;--text-muted:#666;--accent:#0054e6;--accent-dim:#0043b8;--accent-bg:rgba(0,84,230,0.08);--danger:#ff5252;--warn:#ffd600}
|
|
||||||
body{font-family:'Manrope',sans-serif;font-size:13px;background:var(--bg);color:var(--text-secondary);overflow:hidden;height:100vh;width:100vw;user-select:none}
|
body{font-family:'Manrope',sans-serif;font-size:13px;background:var(--bg);color:var(--text-secondary);overflow:hidden;height:100vh;width:100vw;user-select:none}
|
||||||
input,select,button,textarea{font-family:inherit;font-size:inherit}
|
input,select,button,textarea{font-family:inherit;font-size:inherit}
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
.sidebar{position:fixed;top:0;left:0;width:56px;height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px 0 12px;z-index:100;border-right:1px solid var(--surface-600);background:var(--surface-800);backdrop-filter:blur(12px)}
|
|
||||||
.sidebar-logo{margin-bottom:24px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;font-family:'JetBrains Mono',monospace}
|
|
||||||
.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;scrollbar-width:none}
|
|
||||||
.sidebar-nav::-webkit-scrollbar{display:none}
|
|
||||||
.sidebar-link{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s;text-decoration:none;position:relative;flex-shrink:0}
|
|
||||||
.sidebar-link:hover{color:var(--text-secondary);background:rgba(255,255,255,.04)}
|
|
||||||
.sidebar-link.active{color:var(--accent);background:var(--accent-bg)}
|
|
||||||
.sidebar-link.active::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}
|
|
||||||
|
|
||||||
/* Main layout */
|
/* Main layout */
|
||||||
.editor-wrap{margin-left:56px;height:100vh;display:flex;flex-direction:column}
|
.editor-wrap{margin-left:56px;height:100vh;display:flex;flex-direction:column}
|
||||||
@ -162,9 +152,6 @@ input,select,button,textarea{font-family:inherit;font-size:inherit}
|
|||||||
.lp-row span{font-size:10px;color:var(--text-muted);font-family:'JetBrains Mono',monospace;width:28px;text-align:right;flex-shrink:0}
|
.lp-row span{font-size:10px;color:var(--text-muted);font-family:'JetBrains Mono',monospace;width:28px;text-align:right;flex-shrink:0}
|
||||||
|
|
||||||
@media(max-width:640px){
|
@media(max-width:640px){
|
||||||
.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:52px;flex-direction:row;justify-content:center;padding:0 8px;border-right:none;border-top:1px solid var(--surface-600);gap:0}
|
|
||||||
.sidebar-logo{display:none}
|
|
||||||
.sidebar-nav{flex-direction:row;gap:2px;flex:none}
|
|
||||||
.sidebar-link.active::before{left:50%;top:auto;bottom:-6px;transform:translateX(-50%);width:20px;height:3px;border-radius:3px 3px 0 0}
|
|
||||||
.editor-wrap{margin-left:0;height:calc(100vh - 52px)}
|
.editor-wrap{margin-left:0;height:calc(100vh - 52px)}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1081,7 +1081,6 @@
|
|||||||
<nav class="top-nav">
|
<nav class="top-nav">
|
||||||
<a href="/">Главная</a>
|
<a href="/">Главная</a>
|
||||||
<a href="/#tools">Инструменты</a>
|
<a href="/#tools">Инструменты</a>
|
||||||
<a href="/#features">Возможности</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
<div class="top-right">
|
<div class="top-right">
|
||||||
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
||||||
@ -1457,119 +1456,7 @@
|
|||||||
|
|
||||||
════════════════════════════════════════════ -->
|
════════════════════════════════════════════ -->
|
||||||
|
|
||||||
<section class="adv-section" id="features">
|
|
||||||
|
|
||||||
<div style="max-width:1120px;margin:0 auto;">
|
|
||||||
|
|
||||||
<div class="adv-grid">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="adv-card reveal">
|
|
||||||
|
|
||||||
<div class="adv-icon-wrap">
|
|
||||||
|
|
||||||
<!-- Heroicons: gift -->
|
|
||||||
|
|
||||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
|
|
||||||
<path d="M20 12v10H4V12"/>
|
|
||||||
|
|
||||||
<path d="M22 7H2v5h20V7z"/>
|
|
||||||
|
|
||||||
<path d="M12 22V7"/>
|
|
||||||
|
|
||||||
<path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/>
|
|
||||||
|
|
||||||
<path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="adv-title">Без ограничений</div>
|
|
||||||
|
|
||||||
<p class="adv-desc">Никаких подписок и скрытых платежей. Все 13 инструментов доступны сразу после регистрации.</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="adv-card reveal reveal-delay-1">
|
|
||||||
|
|
||||||
<div class="adv-icon-wrap">
|
|
||||||
|
|
||||||
<!-- Heroicons: computer-desktop -->
|
|
||||||
|
|
||||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
|
|
||||||
<rect x="2" y="3" width="20" height="14" rx="2"/>
|
|
||||||
|
|
||||||
<path d="M8 21h8M12 17v4"/>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="adv-title">В браузере</div>
|
|
||||||
|
|
||||||
<p class="adv-desc">Ничего устанавливать не нужно. Работает на любом устройстве с современным браузером.</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="adv-card reveal reveal-delay-2">
|
|
||||||
|
|
||||||
<div class="adv-icon-wrap">
|
|
||||||
|
|
||||||
<!-- Heroicons: shield-check -->
|
|
||||||
|
|
||||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
|
|
||||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
|
||||||
|
|
||||||
<path d="m9 12 2 2 4-4"/>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="adv-title">Безопасно</div>
|
|
||||||
|
|
||||||
<p class="adv-desc">Ваши файлы обрабатываются локально или транзитно и не сохраняются на нашем сервере.</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="adv-card reveal reveal-delay-3">
|
|
||||||
|
|
||||||
<div class="adv-icon-wrap">
|
|
||||||
|
|
||||||
<!-- Heroicons: bolt -->
|
|
||||||
|
|
||||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
|
|
||||||
<path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="adv-title">Быстро</div>
|
|
||||||
|
|
||||||
<p class="adv-desc">Лёгкий интерфейс, мгновенная обработка без очередей и ожидания серверного ответа.</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -58,7 +58,6 @@
|
|||||||
<nav class="top-nav">
|
<nav class="top-nav">
|
||||||
<a href="/">Главная</a>
|
<a href="/">Главная</a>
|
||||||
<a href="/#tools">Инструменты</a>
|
<a href="/#tools">Инструменты</a>
|
||||||
<a href="/#features">Возможности</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
<div class="top-right">
|
<div class="top-right">
|
||||||
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
||||||
|
|||||||
@ -58,7 +58,6 @@
|
|||||||
<nav class="top-nav">
|
<nav class="top-nav">
|
||||||
<a href="/">Главная</a>
|
<a href="/">Главная</a>
|
||||||
<a href="/#tools">Инструменты</a>
|
<a href="/#tools">Инструменты</a>
|
||||||
<a href="/#features">Возможности</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
<div class="top-right">
|
<div class="top-right">
|
||||||
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
||||||
|
|||||||
@ -58,7 +58,7 @@ body {
|
|||||||
.main-content { margin-left:56px }
|
.main-content { margin-left:56px }
|
||||||
|
|
||||||
/* Sidebar dividers */
|
/* Sidebar dividers */
|
||||||
.sidebar-divider { width:20px;height:1px;background:var(--surface-600);margin:2px 0;flex-shrink:0 }
|
.sidebar-divider { width:100%;height:1px;background:var(--surface-600);margin:2px 0;flex-shrink:0 }
|
||||||
|
|
||||||
/* Sidebar user avatar */
|
/* Sidebar user avatar */
|
||||||
.sidebar-avatar { width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:'Manrope',sans-serif;cursor:pointer;transition:opacity .2s }
|
.sidebar-avatar { width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:'Manrope',sans-serif;cursor:pointer;transition:opacity .2s }
|
||||||
|
|||||||
@ -55,7 +55,6 @@
|
|||||||
<nav class="top-nav">
|
<nav class="top-nav">
|
||||||
<a href="/">Главная</a>
|
<a href="/">Главная</a>
|
||||||
<a href="/#tools">Инструменты</a>
|
<a href="/#tools">Инструменты</a>
|
||||||
<a href="/#features">Возможности</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
<div class="top-right">
|
<div class="top-right">
|
||||||
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
<button class="theme-btn" id="themeBtn" title="Переключить тему">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user