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 { .sidebar.collapsed .logo {
display: flex;
}
.sidebar.collapsed .logo span {
display: none; display: none;
} }
.sidebar.collapsed .sidebar-toggle { .sidebar.collapsed .sidebar-toggle {
opacity: 1; margin-left: 0;
} }
.logo { .logo {
@@ -426,6 +430,7 @@ body {
white-space: nowrap; white-space: nowrap;
} }
.sidebar-logo { .sidebar-logo {
width: 32px; width: 32px;
height: 32px; height: 32px;

10
static/index.html
View File

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

6
static/js/auth.js
View File

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