diff --git a/www/index.html b/www/index.html index 5bb6c88..00e6c65 100644 --- a/www/index.html +++ b/www/index.html @@ -16,10 +16,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica N .btn-outline{background:transparent;border:1px solid #667eea;color:#667eea} .btn-outline:hover{background:#667eea;color:#fff} .btn-sm{padding:6px 14px;font-size:13px} -.main{padding:90px 24px 40px;max-width:1600px;margin:0 auto} +.main{padding:90px 0 40px;max-width:1600px;margin:0 auto} .layout{display:flex;gap:24px;align-items:flex-start} -.content{flex:1;min-width:0} -.sidebar{width:200px;flex-shrink:0;position:sticky;top:84px;background:rgba(255,255,255,.95);border-radius:16px;padding:12px;box-shadow:0 6px 14px rgba(0,0,0,.12);max-height:calc(100vh - 100px);overflow-y:auto} +.content{flex:1;min-width:0;padding-right:24px} +.sidebar{width:200px;flex-shrink:0;position:sticky;top:84px;background:rgba(255,255,255,.95);border-radius:0 16px 16px 0;padding:12px;box-shadow:0 6px 14px rgba(0,0,0,.12);max-height:calc(100vh - 100px);overflow-y:auto} .sidebar-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;cursor:pointer;color:#374151;font-size:.92rem;font-weight:500;transition:background .15s,color .15s;margin-bottom:2px} .sidebar-item:hover{background:#eef0ff;color:#667eea} .sidebar-item.active{background:#667eea;color:#fff}