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

Auth UI: hide navbar on login via base navbar block; keep footer; remove circular logo styling; widen auth wrapper; restart container

Browse Source
This commit is contained in:
HotSwapp
2025-10-07 21:50:18 -05:00
parent 180314d43d
commit bb68c489ee
3 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/templates/base.html
View File

@@ -17,7 +17,7 @@
{% block extra_head %}{% endblock %} {% block extra_head %}{% endblock %}
</head> </head>
<body> <body>
<!-- Navigation --> {% 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">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
@@ -69,6 +69,7 @@
</div> </div>
</div> </div>
</nav> </nav>
{% endblock %}
<!-- Main Content --> <!-- Main Content -->
<main class="container-fluid mt-4"> <main class="container-fluid mt-4">

2
app/templates/login.html
View File

@@ -2,6 +2,8 @@
{% block title %}Login - Delphi Database{% endblock %} {% block title %}Login - Delphi Database{% endblock %}
{% block navbar %}{% 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">

14
static/css/custom.css
View File

@@ -15,6 +15,12 @@ body {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 32px 16px; padding: 32px 16px;
width: 100%; /* allow Bootstrap grid to expand normally */
}
/* Ensure inner row spans available width when parent is flex */
.auth-wrapper > .row {
width: 100%;
} }
/* Enhanced card styling for login */ /* Enhanced card styling for login */
@@ -24,10 +30,10 @@ body {
/* Logo styling */ /* Logo styling */
.card .card-body .text-center img { .card .card-body .text-center img {
border-radius: 50%; border-radius: 0; /* show the raw logo */
background: white; background: transparent;
padding: 10px; padding: 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); box-shadow: none;
} }
/* Input group styling */ /* Input group styling */