Fix: Footer style

The footer no longer covers the page contents
This commit is contained in:
Candifloss 2025-04-07 09:53:06 +05:30
parent 22e7919fe5
commit 18d7280d72
7 changed files with 42 additions and 16 deletions

21
static/css/layout.css Normal file
View 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;
}

View File

@ -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">

View File

@ -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">

View File

@ -1,12 +1,12 @@
<footer class="container-fluid bg-light mt-auto py-2 fixed-bottom">
<div class="container">
<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>
&copy; 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>
<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> |
&copy; 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>
</div>
</div>
</footer>
</div>
</footer>

View File

@ -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">

View File

@ -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">

View File

@ -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">