Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

feat: add new statistics cards to widgets page and update card styles

Browse Source
This commit is contained in:
codecalm
2025-11-02 18:57:51 +01:00
parent 21eb18f918
commit 0042472f9a
4 changed files with 71 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
shared/includes/cards/code.html
View File

@@ -3,7 +3,7 @@
<h3 class="card-title">Card with code</h3>
</div>
<div class="card-code">
{% highlight scss %}
{% highlight css %}
.card-footer {
background: transparent;

2
shared/includes/cards/configuration.html
View File

@@ -18,7 +18,7 @@
<dd class="col-7">tabler</dd>
<dt class="col-5">Location:</dt>
<dd class="col-7">{% include "ui/flag.html" flag="pl" %} Poland</dd>
<dd class="col-7">{% include "ui/flag.html" flag="pl" size="xxs" %} Poland</dd>
<dt class="col-5">IP Address:</dt>
<dd class="col-7">46.113.11.3</dd>

17
shared/includes/cards/stat-card.html Normal file
View File

@@ -0,0 +1,17 @@
{% assign title = include.title | default: "Title" %}
{% assign value = include.value | default: "" %}
{% assign icon = include.icon | default: "user" %}
<div class="card">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<h4 class="subheader mb-1">{{ title }}</h4>
<div class="h3 m-0">{{ value }}</div>
</div>
<div class="col-auto">
{% include "ui/avatar.html" icon=icon size="lg" %}
</div>
</div>
</div>
</div>