corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

toasts and background image

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-04-22 23:20:01 +01:00
parent 545a812033
commit f10b05d01e
3 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/static/css/toasts.css Normal file
View File

@ -0,0 +1,17 @@
/* Toasts */
.toast {
z-index: 2 !important;
}
.toast .progress-bar {
border-radius: 0;
}
/* Progress Bar */
@keyframes decreaseProgressWidth {
from { width: 100%; }
to { width: 0%; }
}

BIN
apps/static/images/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 810 KiB

10
apps/templates/layouts/base.html
View File

@ -11,10 +11,15 @@
<link type="text/css" rel="stylesheet" href="{% static '/css/bootstrap.css' %}" />
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link type="text/css" rel="stylesheet" href="{% static '/css/colours.css' %}" />
<link type="text/css" rel="stylesheet" href="{% static '/css/toasts.css' %}" />
<link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/2.0.5/css/dataTables.dataTables.css">
<link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/select/2.0.1/css/select.dataTables.min.css">
{% block stylesheets %}{% endblock stylesheets %}
</head>
<body data-bs-theme="light">
<body data-bs-theme="light" style="background-image: url('/static/images/background.jpg'); background-size: cover;">
<div class="h-100 d-flex flex-column align-items-stretch flex-nowrap">
{% include 'includes/navbar.html' %}
@ -33,7 +38,10 @@
</script>
<script src="{% static '/js/jquery-3.6.0.min.js' %}"></script>
<script src="https://cdn.datatables.net/2.0.5/js/dataTables.min.js"></script>
<script src="https://cdn.datatables.net/select/2.0.1/js/dataTables.select.min.js"></script>
<script src="{% static '/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static '/js/toasts.js' %}"></script>
<script src="{% static '/js/base.js' %%}"></script>
{% block javascript %}{% endblock javascript %}