hotswap/delphi-database-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auth UI: reliably hide navbar on login via body_class; add .auth-logo sized ~button width; restart

Browse Source
This commit is contained in:
HotSwapp
2025-10-07 21:59:40 -05:00
parent bb68c489ee
commit 2a7d91da54
3 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/templates/base.html
View File

@@ -16,7 +16,7 @@
{% block extra_head %}{% endblock %} {% block extra_head %}{% endblock %}
</head> </head>
<body> <body class="{% block body_class %}{% endblock %}">
{% block navbar %} {% block navbar %}
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container-fluid"> <div class="container-fluid">

6
app/templates/login.html
View File

@@ -4,6 +4,8 @@
{% block navbar %}{% endblock %} {% block navbar %}{% endblock %}
{% block body_class %}login-page{% endblock %}
{% block content %} {% block content %}
<div class="container auth-wrapper"> <div class="container auth-wrapper">
<div class="row justify-content-center"> <div class="row justify-content-center">
@@ -11,7 +13,9 @@
<div class="card shadow-lg" style="border: none; border-radius: 15px;"> <div class="card shadow-lg" style="border: none; border-radius: 15px;">
<div class="card-body p-5"> <div class="card-body p-5">
<div class="text-center mb-4"> <div class="text-center mb-4">
<img src="{{ url_for('static', path='/logo/delphi-logo.webp') }}" alt="Delphi Logo" class="mb-4" style="width: 120px; height: 120px; object-fit: contain;"> <div class="auth-logo mx-auto mb-4">
<img src="{{ url_for('static', path='/logo/delphi-logo.webp') }}" alt="Delphi Logo">
</div>
<h2 class="card-title mb-2">Welcome Back</h2> <h2 class="card-title mb-2">Welcome Back</h2>
<p class="text-muted">Sign in to access Delphi Database</p> <p class="text-muted">Sign in to access Delphi Database</p>
</div> </div>

7
static/css/custom.css
View File

@@ -7,6 +7,9 @@ body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }
/* Hide navbar for login page */
.login-page .navbar { display: none; }
/* Avoid overriding Bootstrap's global .container layout. /* Avoid overriding Bootstrap's global .container layout.
Provide a scoped helper for auth pages instead. */ Provide a scoped helper for auth pages instead. */
.auth-wrapper { .auth-wrapper {
@@ -36,6 +39,10 @@ body {
box-shadow: none; box-shadow: none;
} }
/* Auth logo scales close to button width */
.auth-logo { max-width: 320px; }
.auth-logo img { width: 100%; height: auto; object-fit: contain; }
/* Input group styling */ /* Input group styling */
.input-group-lg .form-control { .input-group-lg .form-control {
border-radius: 8px !important; border-radius: 8px !important;