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:
treamz 2026-03-22 11:53:43 +03:00
parent 560bf4a043
commit 47f40f4466
7 changed files with 1649 additions and 1779 deletions

View File

@ -35,8 +35,8 @@
.fade-d3 { animation: fadeUp .4s ease-out .15s 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: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 { 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,.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; }
.tool-tile:hover .tile-icon { background:rgba(0,84,230,.18); }
.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-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 p { font-size:13px; color:var(--text-secondary); line-height:1.7; }
.about-stats { display:flex; gap:24px; margin-top:16px; flex-wrap:wrap; }
@ -75,7 +75,6 @@
<nav class="dash-nav">
<a href="/" class="dash-nav-link">Главная</a>
<a href="/#tools" class="dash-nav-link">Инструменты</a>
<a href="/#features" class="dash-nav-link">Возможности</a>
</nav>
<div class="dash-right">
<span class="dash-user" id="headerUser"></span>

View File

@ -1,17 +1,7 @@
*{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}
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 */
.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}
@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)}
}

File diff suppressed because it is too large Load Diff

View File

@ -58,7 +58,6 @@
<nav class="top-nav">
<a href="/">Главная</a>
<a href="/#tools">Инструменты</a>
<a href="/#features">Возможности</a>
</nav>
<div class="top-right">
<button class="theme-btn" id="themeBtn" title="Переключить тему">

View File

@ -58,7 +58,6 @@
<nav class="top-nav">
<a href="/">Главная</a>
<a href="/#tools">Инструменты</a>
<a href="/#features">Возможности</a>
</nav>
<div class="top-right">
<button class="theme-btn" id="themeBtn" title="Переключить тему">

View File

@ -58,7 +58,7 @@ body {
.main-content { margin-left:56px }
/* 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-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 }

View File

@ -55,7 +55,6 @@
<nav class="top-nav">
<a href="/">Главная</a>
<a href="/#tools">Инструменты</a>
<a href="/#features">Возможности</a>
</nav>
<div class="top-right">
<button class="theme-btn" id="themeBtn" title="Переключить тему">