hobokenchicken/GopherGate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve login visibility issues and improve sidebar layout
Some checks failed
CI / Lint (push) Has been cancelled
Details
CI / Test (push) Has been cancelled
Details
CI / Build (push) Has been cancelled
Details

Browse Source 
Corrected element ID mismatches between index.html and auth.js. Improved sidebar CSS to handle collapsed state and logo visibility correctly.
This commit is contained in:
Dustin Newkirk
2026-03-19 13:45:55 -04:00
parent 4120a83b67
commit 6f0a159245
3 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
static/css/dashboard.css
View File

@@ -407,11 +407,15 @@ body {
}
.sidebar.collapsed .logo {
display: flex;
}
.sidebar.collapsed .logo span {
display: none;
}
.sidebar.collapsed .sidebar-toggle {
opacity: 1;
margin-left: 0;
}
.logo {
@@ -426,6 +430,7 @@ body {
white-space: nowrap;
}
.sidebar-logo {
width: 32px;
height: 32px;

14
static/index.html
View File

@@ -12,16 +12,14 @@
</head>
<body class="gruvbox-dark">
<!-- Auth Page -->
<div id="auth-page" class="auth-container">
<div class="auth-card">
<div class="auth-header">
<div class="auth-logo">
<div class="logo-icon-container">
<span class="logo-icon-text">GG</span>
</div>
<div id="auth-page" class="login-container">
<div class="login-card">
<div class="login-header">
<div class="logo-icon-container">
<span class="logo-icon-text">GG</span>
</div>
<h1>GopherGate</h1>
<p>Secure LLM Gateway & Management</p>
<p class="login-subtitle">Secure LLM Gateway & Management</p>
</div>
<form id="login-form">
<div class="form-control">

6
static/js/auth.js
View File

@@ -124,7 +124,7 @@ class AuthManager {
}
showLogin() {
const loginScreen = document.getElementById('login-screen');
const loginScreen = document.getElementById('auth-page');
const dashboard = document.getElementById('dashboard');
if (loginScreen) loginScreen.style.display = 'flex';
@@ -139,7 +139,7 @@ class AuthManager {
if (errorElement) errorElement.style.display = 'none';
// Reset button
const loginBtn = document.querySelector('.login-btn');
const loginBtn = document.getElementById('login-btn');
if (loginBtn) {
loginBtn.innerHTML = '<i class="fas fa-sign-in-alt"></i> Sign In';
loginBtn.disabled = false;
@@ -147,7 +147,7 @@ class AuthManager {
}
showDashboard() {
const loginScreen = document.getElementById('login-screen');
const loginScreen = document.getElementById('auth-page');
const dashboard = document.getElementById('dashboard');
if (loginScreen) loginScreen.style.display = 'none';