Fix: Footer style
The footer no longer covers the page contents
This commit is contained in:
parent
22e7919fe5
commit
18d7280d72
21
static/css/layout.css
Normal file
21
static/css/layout.css
Normal file
@ -0,0 +1,21 @@
|
||||
/* Layout structure */
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1 0 auto;
|
||||
padding-bottom: 2rem; /* Space before footer */
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
flex-shrink: 0;
|
||||
padding: 1rem 0;
|
||||
background-color: #f8f9fa !important;
|
||||
}
|
@ -7,9 +7,10 @@
|
||||
{% include 'favicon.html' %}
|
||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/bootstrap-icons.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/csv_preview.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<body class="d-flex flex-column">
|
||||
{% include 'header.html' %}
|
||||
|
||||
<main class="container-fluid mt-5 pt-3 px-4">
|
||||
|
@ -6,9 +6,10 @@
|
||||
{% include 'favicon.html' %}
|
||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/bootstrap-icons.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/delete_page.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<body class="d-flex flex-column">
|
||||
{% include 'header.html' %}
|
||||
|
||||
<main class="container mt-5">
|
||||
|
@ -1,9 +1,9 @@
|
||||
<footer class="container-fluid bg-light mt-auto py-2 fixed-bottom">
|
||||
<footer class="footer mt-auto py-1 bg-light border-top">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col text-center text-muted small">
|
||||
Powered by
|
||||
<a href="https://git.candifloss.cc/candifloss/flask_crud_app" class="text-decoration-none">AssetTrack</a>
|
||||
<a href="https://git.candifloss.cc/candifloss/flask_crud_app" class="text-decoration-none">AssetTrack</a> |
|
||||
© 2025 <a href="https://candifloss.cc" class="text-decoration-none">candifloss</a> |
|
||||
<a href="https://www.gnu.org/licenses/gpl-3.0.html" class="text-decoration-none">GNU GPLv3</a>
|
||||
</div>
|
||||
|
@ -6,9 +6,10 @@
|
||||
{% include 'favicon.html' %}
|
||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/bootstrap-icons.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/form_page.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<body class="d-flex flex-column">
|
||||
{% include 'header.html' %}
|
||||
|
||||
<main class="container mt-5">
|
||||
|
@ -7,12 +7,13 @@
|
||||
{% include 'favicon.html' %}
|
||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/bootstrap-icons.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/upload_page.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<body class="d-flex flex-column">
|
||||
{% include 'header.html' %}
|
||||
|
||||
<main class="container mt-5 pt-4">
|
||||
<main class="container mt-5 pt-4 flex-grow-1">
|
||||
<div class="upload-container">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h1 class="h2">
|
||||
|
@ -6,9 +6,10 @@
|
||||
<title>View Inventory</title>
|
||||
{% include 'favicon.html' %}
|
||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/view_table.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<body class="d-flex flex-column">
|
||||
{% include 'header.html' %}
|
||||
|
||||
<main class="container-fluid mt-5 pt-3 px-4">
|
||||
|
Loading…
Reference in New Issue
Block a user