Rework custom bootstrap theme to include all of bootstrap

I already had most of it anyway. This also fixes our buttons to have the
correct contrast.
This commit is contained in:
Eli Ribble 2026-01-30 15:08:11 +00:00
parent 207ad95840
commit 38d492e9da
No known key found for this signature in database
2 changed files with 53 additions and 68 deletions

View file

@ -1,24 +1,35 @@
{{template "authenticated.html" . }}
{{define "title"}}Layout Test{{end}}
{{define "extraheader"}}
<style>
.bd-example {
padding: 1.5rem;
margin-right: 0;
margin-left: 0;
border-width: 1px;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
</style>
{{end}}
{{define "content"}}
<!-- Main Content -->
<div id="content">
<div class="container-fluid">
<div class="row mb-4">
<div class="col">
<div class="card">
<div class="card-body">
<h5 class="card-title">Welcome to the Dashboard</h5>
<p class="card-text">This is an example of a Bootstrap layout with a collapsible sidebar.</p>
<p>The sidebar can be toggled using the button in the navigation bar. When the sidebar collapses, only the icons remain visible.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="bd-example">
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>
</div>
<div class="col-md-6 mb-4">
<div class="card">
<div class="card-body">