41 lines
1.5 KiB
Plaintext
41 lines
1.5 KiB
Plaintext
{% if messages.alert.size > 0 %}
|
|
<div class="np-alert np-alert-error">
|
|
<div class="np-alert-wrapper">
|
|
{% for message in messages.alert %}
|
|
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8996 4.08464C15.0527 2.0766 17.9495 2.07661 19.1026 4.08464L29.6813 22.5059C30.8299 24.5059 29.3861 26.9999 27.0798 26.9999H5.92242C3.61611 26.9999 2.17235 24.5059 3.32088 22.5059L13.8996 4.08464ZM16.5015 6.87498C17.33 6.87498 18.0015 7.54656 18.0015 8.37498V16.625C18.0015 17.4534 17.33 18.125 16.5015 18.125C15.6731 18.125 15.0015 17.4534 15.0015 16.625V8.37498C15.0015 7.54656 15.6731 6.87498 16.5015 6.87498ZM18.0015 21.5C18.0015 20.6716 17.33 20 16.5015 20C15.6731 20 15.0015 20.6716 15.0015 21.5V22.5C15.0015 23.3284 15.6731 24 16.5015 24C17.33 24 18.0015 23.3284 18.0015 22.5V21.5Z" fill="#FF5550"/>
|
|
</svg>
|
|
<div>{{ message }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if messages.notice.size > 0 %}
|
|
<div class="np-alert np-alert-success">
|
|
<div class="np-alert-wrapper">
|
|
{% for message in messages.notice %}
|
|
<div>{{ message }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<style>
|
|
.np-alert-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
.np-alert-error {
|
|
background: #FFE7E6;
|
|
color: var(--black-digital);
|
|
}
|
|
.np-alert {
|
|
min-height: unset;
|
|
padding: 20px 0;
|
|
font-size: unset;
|
|
}
|
|
|
|
</style>
|