Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-25 20:44:38 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-alpha.14

Browse Source
This commit is contained in:
codecalm
2020-11-21 16:26:10 +01:00
parent b0b70bcda3
commit 0410d39ba9
119 changed files with 4859 additions and 7388 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/layout-horizontal.html
+5 -128
View File
@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.13
* @version 1.0.0-alpha.14
* @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -627,7 +627,7 @@
<div class="position-absolute top-0 left-0 px-3 mt-1 w-50">
<div class="row g-2">
<div class="col-auto">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-42"></div>
<div class="chart-sparkline chart-sparkline-square" id="sparkline-activity"></div>
</div>
<div class="col">
<div>Today's Earning: $4,262.40</div>
@@ -1061,7 +1061,6 @@
<td class="text-muted">3,654</td>
<td class="text-muted">82.54%</td>
<td class="text-right w-1">
<div class="chart-sparkline" id="sparkline-43"></div>
</td>
</tr>
<tr>
@@ -1074,7 +1073,6 @@
<td class="text-muted">3,215</td>
<td class="text-muted">76.29%</td>
<td class="text-right w-1">
<div class="chart-sparkline" id="sparkline-44"></div>
</td>
</tr>
<tr>
@@ -1087,7 +1085,6 @@
<td class="text-muted">2,865</td>
<td class="text-muted">72.65%</td>
<td class="text-right w-1">
<div class="chart-sparkline" id="sparkline-45"></div>
</td>
</tr>
<tr>
@@ -1100,7 +1097,6 @@
<td class="text-muted">865</td>
<td class="text-muted">44.89%</td>
<td class="text-right w-1">
<div class="chart-sparkline" id="sparkline-46"></div>
</td>
</tr>
</table>
@@ -1718,7 +1714,7 @@
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.13</a>
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
</li>
</ul>
</div>
@@ -2132,11 +2128,12 @@
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-42'), {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-activity'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
width: 40,
animations: {
enabled: false
},
@@ -2232,126 +2229,6 @@
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-43'), {
chart: {
type: "line",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
stroke: {
width: 2,
lineCap: "round",
},
series: [{
color: "#206bc4",
data: [17, 24, 20, 10, 5, 1, 4, 18, 13]
}],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-44'), {
chart: {
type: "line",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
stroke: {
width: 2,
lineCap: "round",
},
series: [{
color: "#206bc4",
data: [13, 11, 19, 22, 12, 7, 14, 3, 21]
}],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-45'), {
chart: {
type: "line",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
stroke: {
width: 2,
lineCap: "round",
},
series: [{
color: "#206bc4",
data: [10, 13, 10, 4, 17, 3, 23, 22, 19]
}],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-46'), {
chart: {
type: "line",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
stroke: {
width: 2,
lineCap: "round",
},
series: [{
color: "#206bc4",
data: [9, 6, 14, 11, 8, 24, 2, 16, 15]
}],
})).render();
});
// @formatter:on
</script>
<script>
document.body.style.display = "block"
</script>