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