Update templates/mobileView/Qwen_html_20260317_jtfbcdtt4.html
This commit is contained in:
parent
c7db8b6245
commit
21c449e045
@ -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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user