move out alert classes to a separate stylesheet

This commit is contained in:
blek 2023-10-21 15:45:56 +10:00
parent 8a445ad096
commit 980f7fc515
Signed by: blek
GPG Key ID: 14546221E3595D0C
3 changed files with 31 additions and 24 deletions

View File

@ -0,0 +1,23 @@
.alert {
margin: 20px 0;
border: 1px solid var(--header-sec-color);
border-radius: 12px;
}
.alert .alert-title {
margin: 0;
padding: var(--margin-y) var(--margin-x);
border-radius: 12px 12px 0 0;
border-bottom: 1px solid var(--header-sec-color);
background: var(--view-color);
}
.alert .alert-text {
padding: var(--margin-y) var(--margin-x);
border-radius: 0 0 12px 12px;
margin: 0;
}
.alert.danger .alert-title {
background: #602020;
}

View File

@ -282,27 +282,3 @@ input[type=email] {
padding: 2px 4px; padding: 2px 4px;
outline: none; outline: none;
} }
.alert {
margin: 20px 0;
border: 1px solid var(--header-sec-color);
border-radius: 12px;
}
.alert .alert-title {
margin: 0;
padding: var(--margin-y) var(--margin-x);
border-radius: 12px 12px 0 0;
border-bottom: 1px solid var(--header-sec-color);
background: var(--view-color);
}
.alert .alert-text {
padding: var(--margin-y) var(--margin-x);
border-radius: 0 0 12px 12px;
margin: 0;
}
.alert.danger .alert-title {
background: #602020;
}

View File

@ -1,5 +1,13 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block head %}
{%- if ! conf.files.allow_uploads -%}
<link rel="stylesheet" href="/alert.css" />
{%- endif -%}
{% endblock %}
{% block body %} {% block body %}
<div style="max-width:95vw;width:fit-content;margin:0 auto"> <div style="max-width:95vw;width:fit-content;margin:0 auto">