Improved alerts to match new Tabler

This commit is contained in:
Pinga 2025-03-08 18:50:37 +02:00
parent 1e67b6c876
commit 628be1e655

View file

@ -1,12 +1,10 @@
{% if flash.getMessage('info') %} {% if flash.getMessage('info') %}
<div class="alert alert-important alert-info alert-dismissible" role="alert"> <div class="alert alert-important alert-info alert-dismissible" role="alert">
<div class="d-flex"> <div class="alert-icon">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l.01 0" /><path d="M11 12l1 0l0 4l1 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l.01 0" /><path d="M11 12l1 0l0 4l1 0" /></svg>
</div> </div>
<div> <div>
<h4 class="alert-title">{{ (flash.getMessage('info') | first) | raw }}</h4> <h4 class="alert-heading">{{ (flash.getMessage('info') | first) | raw }}</h4>
</div>
</div> </div>
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a> <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
</div> </div>
@ -14,13 +12,11 @@
{% if flash.getMessage('error') %} {% if flash.getMessage('error') %}
<div class="alert alert-important alert-danger alert-dismissible" role="alert"> <div class="alert alert-important alert-danger alert-dismissible" role="alert">
<div class="d-flex"> <div class="alert-icon">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l0 4" /><path d="M12 16l.01 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l0 4" /><path d="M12 16l.01 0" /></svg>
</div> </div>
<div> <div>
<h4 class="alert-title">{{ (flash.getMessage('error') | first)| raw }}</h4> <h4 class="alert-heading">{{ (flash.getMessage('error') | first)| raw }}</h4>
</div>
</div> </div>
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a> <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
</div> </div>
@ -28,13 +24,11 @@
{% if flash.getMessage('success') %} {% if flash.getMessage('success') %}
<div class="alert alert-important alert-success alert-dismissible" role="alert"> <div class="alert alert-important alert-success alert-dismissible" role="alert">
<div class="d-flex"> <div class="alert-icon">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
</div> </div>
<div> <div>
<h4 class="alert-title">{{ (flash.getMessage('success') | first)| raw }}</h4> <h4 class="alert-heading">{{ (flash.getMessage('success') | first)| raw }}</h4>
</div>
</div> </div>
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a> <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
</div> </div>