forked from Hostea/dashboard
feat: style error components
parent
3054fe5e9f
commit
3ead172971
|
@ -1,6 +1,6 @@
|
||||||
{% if error %}
|
{% if error %}
|
||||||
<div class="error_container">
|
<div class="error__container">
|
||||||
<h3 class="error-title">ERROR: {{ error.title }}</h3>
|
<h3 class="error__title">ERROR: {{ error.title }}</h3>
|
||||||
<p class="error-message">{{ error.reason }}</p>
|
<p class="error__message">{{ error.reason }}</p>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
@ -71,6 +71,24 @@ header {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* error statrs
|
||||||
|
*/
|
||||||
|
|
||||||
|
.error__container {
|
||||||
|
text-align: center;
|
||||||
|
color: #c00;
|
||||||
|
width: 100%;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error__title,
|
||||||
|
.error__message {
|
||||||
|
color: #c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* error ends */
|
||||||
|
|
||||||
/* nav starts */
|
/* nav starts */
|
||||||
|
|
||||||
.nav__container {
|
.nav__container {
|
||||||
|
|
Loading…
Reference in New Issue