move out alert classes to a separate stylesheet
This commit is contained in:
parent
8a445ad096
commit
980f7fc515
|
@ -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;
|
||||||
|
}
|
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue