From c3a54462391353c3d891254f8fbcecede7518fc5 Mon Sep 17 00:00:00 2001 From: Lev Date: Sat, 14 Mar 2026 23:03:33 +0300 Subject: [PATCH] fix --- Frontend/JS/control-panel.js | 9 +-------- Frontend/Styles/control-panel.css | 28 ++++++++++++++-------------- 2 files changed, 15 insertions(+), 22 deletions(-) diff --git a/Frontend/JS/control-panel.js b/Frontend/JS/control-panel.js index 3129abf..2cc4283 100644 --- a/Frontend/JS/control-panel.js +++ b/Frontend/JS/control-panel.js @@ -207,17 +207,13 @@ document.getElementById("closeModal").onclick = hideModal; tryAutoLogin(); -// Переключение инструкций по платформам document.querySelectorAll('.tab-btn').forEach(btn => { btn.addEventListener('click', () => { - // Убираем active у всех кнопок document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active')); btn.classList.add('active'); - // Скрываем все инструкции document.querySelectorAll('.instructions').forEach(el => el.classList.add('hidden')); - // Показываем нужную const platform = btn.dataset.platform; const target = document.getElementById(`${platform}-instructions`); if (target) { @@ -226,7 +222,4 @@ document.querySelectorAll('.tab-btn').forEach(btn => { }); }); -// Показываем Android по умолчанию при загрузке (если нужно) -document.addEventListener('DOMContentLoaded', () => { - // можно оставить как есть — первая вкладка уже active в HTML -}); \ No newline at end of file +document.addEventListener('DOMContentLoaded', () => {}); \ No newline at end of file diff --git a/Frontend/Styles/control-panel.css b/Frontend/Styles/control-panel.css index fe4bcf7..70d2f66 100644 --- a/Frontend/Styles/control-panel.css +++ b/Frontend/Styles/control-panel.css @@ -191,11 +191,11 @@ h1{ color: #aaa; } -.how-to-connect { +.how-to-connect{ margin-bottom: 60px; } -.platform-tabs { +.platform-tabs{ display: flex; justify-content: center; gap: 12px; @@ -203,7 +203,7 @@ h1{ flex-wrap: wrap; } -.tab-btn { +.tab-btn{ background: #1a1a1a; border: 1px solid #444; color: #aaa; @@ -215,13 +215,13 @@ h1{ transition: all 0.22s ease; } -.tab-btn:hover { +.tab-btn:hover{ border-color: #666; color: #ddd; background: #222; } -.tab-btn.active { +.tab-btn.active{ background: var(--accent); color: #000; border-color: var(--accent); @@ -229,7 +229,7 @@ h1{ font-weight: 600; } -.instructions { +.instructions{ background: var(--card); border: 1px solid #333; border-radius: 16px; @@ -237,20 +237,20 @@ h1{ transition: all 0.3s ease; } -.instructions ol { +.instructions ol{ counter-reset: step; list-style: none; font-size: 15.5px; line-height: 1.65; } -.instructions li { +.instructions li{ position: relative; padding-left: 38px; margin-bottom: 18px; } -.instructions li::before { +.instructions li::before{ content: counter(step); counter-increment: step; position: absolute; @@ -269,19 +269,19 @@ h1{ font-weight: 600; } -.instructions a { +.instructions a{ color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(0,255,255,0.3); transition: all 0.2s; } -.instructions a:hover { +.instructions a:hover{ border-bottom-color: var(--accent); color: #00ffff; } -.instructions kbd { +.instructions kbd{ background: #1e1e1e; border: 1px solid #444; border-radius: 5px; @@ -290,12 +290,12 @@ h1{ color: #aaa; } -.instructions ul { +.instructions ul{ margin: 12px 0 12px 24px; list-style: disc; color: #bbb; } -.hidden { +.hidden{ display: none !important; } \ No newline at end of file