feat: style error components
parent
3054fe5e9f
commit
3ead172971
|
@ -1,6 +1,6 @@
|
|||
{% if error %}
|
||||
<div class="error_container">
|
||||
<h3 class="error-title">ERROR: {{ error.title }}</h3>
|
||||
<p class="error-message">{{ error.reason }}</p>
|
||||
<div class="error__container">
|
||||
<h3 class="error__title">ERROR: {{ error.title }}</h3>
|
||||
<p class="error__message">{{ error.reason }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
@ -71,6 +71,24 @@ header {
|
|||
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__container {
|
||||
|
|
Loading…
Reference in New Issue