Update templates/mobileView/Qwen_html_20260317_jtfbcdtt4.html

This commit is contained in:
Ghassan Yusuf 2026-03-18 11:31:59 +03:00
parent c7db8b6245
commit 21c449e045

View File

@ -124,10 +124,22 @@
border-radius: 999px; border-radius: 999px;
font-weight: 700; font-weight: 700;
} }
/* View-specific sidebar items */
.sidebar-link[data-view="personal"] { display: none; } .sidebar-link[data-view="personal"] { display: none; }
.sidebar-link[data-view="club"] { display: flex; } .sidebar-link[data-view="club"] { display: flex; }
.sidebar-section-label[data-view="personal"] { display: none; }
.sidebar-section-label[data-view="club"] { display: block; }
body.view-personal .sidebar-link[data-view="club"] { display: none; } body.view-personal .sidebar-link[data-view="club"] { display: none; }
body.view-personal .sidebar-link[data-view="personal"] { display: flex; } body.view-personal .sidebar-link[data-view="personal"] { display: flex; }
body.view-personal .sidebar-section-label[data-view="club"] { display: none; }
body.view-personal .sidebar-section-label[data-view="personal"] { display: block; }
body.view-club .sidebar-link[data-view="personal"] { display: none; }
body.view-club .sidebar-link[data-view="club"] { display: flex; }
body.view-club .sidebar-section-label[data-view="personal"] { display: none; }
body.view-club .sidebar-section-label[data-view="club"] { display: block; }
/* App header */ /* App header */
.app-header { .app-header {
@ -137,15 +149,17 @@
position: sticky; top: 0; z-index: 10; position: sticky; top: 0; z-index: 10;
} }
.app-header-left { display: flex; align-items: center; gap: 12px; } .app-header-left { display: flex; align-items: center; gap: 12px; }
/* Logo - NO BORDER/BOX */
.app-logo { .app-logo {
width: 44px; height: 44px; object-fit: cover; border-radius: 12px; width: 44px; height: 44px; object-fit: cover; border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1); cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.1); cursor: pointer;
transition: all 0.2s; border: 2px solid transparent; transition: all 0.2s;
} }
.app-logo:hover { .app-logo:hover {
transform: scale(1.05); box-shadow: 0 4px 12px rgba(108, 99, 255, 0.3); transform: scale(1.05); box-shadow: 0 4px 12px rgba(108, 99, 255, 0.3);
border-color: var(--primary-color);
} }
.app-title { display: flex; flex-direction: column; cursor: pointer; } .app-title { display: flex; flex-direction: column; cursor: pointer; }
.app-title span:first-child { font-size: 10px; color: var(--text-light); font-weight: 500; display: flex; align-items: center; gap: 4px; } .app-title span:first-child { font-size: 10px; color: var(--text-light); font-weight: 500; display: flex; align-items: center; gap: 4px; }
.app-title span:last-child { font-size: 17px; font-weight: 800; color: var(--primary-color); } .app-title span:last-child { font-size: 17px; font-weight: 800; color: var(--primary-color); }
@ -611,8 +625,9 @@
<button class="sidebar-close" onclick="toggleSidebar(false)"></button> <button class="sidebar-close" onclick="toggleSidebar(false)"></button>
</div> </div>
<!-- BUSINESS/CLUB VIEW SECTION LABELS -->
<div class="sidebar-section-label" data-view="club">📊 Analytics</div> <div class="sidebar-section-label" data-view="club">📊 Analytics</div>
<button class="sidebar-link active" data-view="club" data-page="dashboard_page" onclick="navigateTo('dashboard_page', this)"> <button class="sidebar-link" data-view="club" data-page="dashboard_page" onclick="navigateTo('dashboard_page', this)">
<span>🏠</span> Dashboard <span>🏠</span> Dashboard
</button> </button>
<button class="sidebar-link" data-view="club" data-page="reports_page" onclick="navigateTo('reports_page', this)"> <button class="sidebar-link" data-view="club" data-page="reports_page" onclick="navigateTo('reports_page', this)">
@ -674,6 +689,7 @@
<span>🔧</span> Facility Maintenance <span>🔧</span> Facility Maintenance
</button> </button>
<!-- PERSONAL VIEW SECTION LABELS -->
<div class="sidebar-section-label" data-view="personal">🏠 Home</div> <div class="sidebar-section-label" data-view="personal">🏠 Home</div>
<button class="sidebar-link" data-view="personal" data-page="personal_feed_page" onclick="navigateTo('personal_feed_page', this)"> <button class="sidebar-link" data-view="personal" data-page="personal_feed_page" onclick="navigateTo('personal_feed_page', this)">
<span>📰</span> News Feed <span>📰</span> News Feed