ga/buhapp-telegram
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make mode toggle visible: orange button, z-index 9999, hidden on real mobile

Browse Source
This commit is contained in:
root 2026-08-20 17:57:19 +00:00
parent 05254ec339
commit d87e0bafa0
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/css/app.css
View File

@ -235,6 +235,11 @@ label { font-size: 13px; color: var(--text-dim); margin-bottom: 4px; display: bl
.rating-big { font-size: 36px; font-weight: 700; }
/* Кнопка переключения — видна только на десктопе (>768px) */
@media (max-width: 768px) {
#mode-toggle { display: none !important; }
}
/* Mobile emulator — на десктопе показываем как на мобиле */
body.mobile-mode {
display: flex;
@ -276,20 +281,18 @@ body.mobile-mode #tabbar {
#mode-toggle {
position: fixed;
top: 12px;
right: 12px;
z-index: 1000;
background: var(--bg-elev);
border: 1px solid var(--border);
color: var(--text);
top: 16px;
right: 16px;
z-index: 9999;
background: var(--primary);
border: none;
color: var(--text-inverse);
border-radius: 999px;
padding: 6px 12px;
font-size: 12px;
padding: 8px 14px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
#mode-toggle:hover { background: var(--primary); color: var(--text-inverse); }
body:not(.mobile-mode) #mode-toggle { display: none; }
.privacy-note { font-size: 12px; color: var(--text-dim); margin-top: 4px; }