oxpoe/open-isp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(customer): kartu akun di sidebar desktop bisa diklik
All checks were successful
CI / test (push) Successful in 2m58s
Details

Browse Source 
- blok nama/avatar di sidebar sebelumnya tidak punya handler klik sama sekali
- dijadikan <button> dengan switchTab('profile') + aria-label
- avatar mobile di topbar juga dijadikan <button> agar tap lebih andal
This commit is contained in:
oxpoe
2026-11-05 04:12:52 +07:00
parent f6ab9bbfa7
commit 0ca85544aa
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
views/portal.ejs
View File

@@ -936,7 +936,7 @@
<i class="ph ph-user-circle nav-icon"></i><%= t('pwa.nav.account','Akun') %></button> <i class="ph ph-user-circle nav-icon"></i><%= t('pwa.nav.account','Akun') %></button>
</nav> </nav>
<div class="p-3 mt-auto" style="border-top:1px solid var(--border);"> <div class="p-3 mt-auto" style="border-top:1px solid var(--border);">
<div class="flex items-center gap-3 p-3 rounded-[14px] press cursor-pointer"> <button type="button" onclick="switchTab('profile')" class="flex items-center gap-3 p-3 rounded-[14px] press cursor-pointer w-full text-left" style="background:transparent;border:0;" aria-label="<%= t('pwa.nav.account','Akun') %>">
<div class="avatar-ring" style="width:38px;height:38px;padding:2px;"> <div class="avatar-ring" style="width:38px;height:38px;padding:2px;">
<span class="avatar-init" style="width:34px;height:34px;font-size:13px;" role="img" aria-label="<%= portal.name %>"><%= portal.initials %></span> <span class="avatar-init" style="width:34px;height:34px;font-size:13px;" role="img" aria-label="<%= portal.name %>"><%= portal.initials %></span>
</div> </div>
@@ -945,7 +945,7 @@
<p class="text-[11px] truncate" style="color:var(--muted);"><%= portal.packageName %><%= portal.speedDown !== '-' ? ' · ' + portal.speedDown + ' Mbps' : '' %></p> <p class="text-[11px] truncate" style="color:var(--muted);"><%= portal.packageName %><%= portal.speedDown !== '-' ? ' · ' + portal.speedDown + ' Mbps' : '' %></p>
</div> </div>
<i class="ph ph-caret-right text-sm" style="color:var(--muted-2);"></i> <i class="ph ph-caret-right text-sm" style="color:var(--muted-2);"></i>
</div> </button>
</div> </div>
</aside> </aside>
@@ -976,9 +976,9 @@
<i class="ph-fill ph-bell text-lg" style="color:var(--text);"></i> <i class="ph-fill ph-bell text-lg" style="color:var(--text);"></i>
<span class="notif-dot"<%= (portal.notifications && portal.notifications.length) ? '' : ' style="display:none"' %>></span> <span class="notif-dot"<%= (portal.notifications && portal.notifications.length) ? '' : ' style="display:none"' %>></span>
</button> </button>
<div class="mobile-only md:hidden avatar-ring" style="padding:2px;cursor:pointer;" onclick="switchTab('profile')"> <button type="button" class="mobile-only md:hidden avatar-ring press" style="padding:2px;cursor:pointer;background:transparent;border:0;" onclick="switchTab('profile')" aria-label="<%= t('pwa.nav.account','Akun') %>">
<span class="avatar-init" style="width:32px;height:32px;font-size:12px;" role="img" aria-label="<%= portal.name %>"><%= portal.initials %></span> <span class="avatar-init" style="width:32px;height:32px;font-size:12px;" role="img" aria-label="<%= portal.name %>"><%= portal.initials %></span>
</div> </button>
</div> </div>
</div> </div>
</header> </header>