engineering/opencompletion.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

modified: templates/browse.html

Browse source
This commit is contained in:
Russell Ballestrini 2025-11-30 05:22:11 -05:00
parent d46818b5dd
commit dc263f8613
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
templates/browse.html
View file

@ -73,6 +73,10 @@
.room-tab:hover {
color: var(--button-primary);
}
.room-tab:focus {
outline: none;
background: none;
}
.room-tab.active {
color: var(--button-primary);
border-bottom-color: var(--button-primary);
@ -193,10 +197,10 @@
</div>
<div class="room-tabs">
<button class="room-tab active" onclick="switchTab('public')">
<button class="room-tab active" onclick="switchTab('public', this)">
🌍 Public Rooms
</button>
<button class="room-tab" onclick="switchTab('private')">
<button class="room-tab" onclick="switchTab('private', this)">
🔐 Private Rooms
</button>
</div>
@ -276,12 +280,12 @@
const savedTheme = localStorage.getItem('theme') || 'light';
document.documentElement.setAttribute('data-theme', savedTheme);
function switchTab(tab) {
function switchTab(tab, element) {
// Update tab buttons
document.querySelectorAll('.room-tab').forEach(btn => {
btn.classList.remove('active');
});
event.target.classList.add('active');
element.classList.add('active');
// Update sections
document.querySelectorAll('.room-section').forEach(section => {