edward/MissingLink
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

Improve shared template layout

Browse source
This commit is contained in:
Edward Betts 2026-05-18 23:20:45 +01:00
parent 93f49c5554
commit 165acb8e2e
2 changed files with 33 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

35
templates/base.html
View file

@ -6,15 +6,44 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
<title>{% block title %}{% endblock %} – Missing Link</title>
<style>
.site-navbar__tools {
margin-left: auto;
}
@media (max-width: 767.98px) {
.site-navbar .container {
align-items: flex-start;
gap: .5rem;
}
.site-navbar__tools {
flex-wrap: wrap;
margin-left: 0;
width: 100%;
}
.site-navbar__search {
flex: 1 1 100%;
min-width: 0;
}
.site-navbar__search .form-control {
flex: 1 1 auto;
min-width: 0;
width: auto !important;
}
}
</style>
{% block style %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4 site-navbar">
<div class="container">
<a class="navbar-brand fw-semibold" href="{{ url_for('index') }}">Missing Link</a>
<div class="d-flex align-items-center gap-2">
<form class="d-flex" action="{{ url_for('index') }}">
<div class="d-flex align-items-center gap-2 site-navbar__tools">
<form class="d-flex site-navbar__search" action="{{ url_for('index') }}">
<input class="form-control form-control-sm me-2" name="q" placeholder="Article title…" style="width:240px">
<button class="btn btn-outline-light btn-sm" type="submit">Go</button>
</form>

2
templates/error.html
View file

@ -8,7 +8,7 @@
<div class="col-md-7">
<div class="alert alert-danger">
<h4 class="alert-heading">Something went wrong</h4>
<p class="mb-0"><code>{{ message | e | replace('\n', '<br>\n') | safe }}</code></p>
<code class="d-block mb-0" style="white-space: pre-line">{{ message }}</code>
</div>
<a href="{{ url_for('index') }}" class="btn btn-outline-secondary btn-sm">Back to home</a>
</div>