Skip to content

T
Tabler

Dashboards / Tabler
10 个月 前同步成功

通知 0
Star 0
Fork 0
T
Tabler

体验新版 GitCode，发现更多精彩内容 >>

提交 4205894e 编写于 作者: C chomik
浏览文件
操作

blank page

上级 af23e807
隐藏空白更改
内联 并排
Showing with 105 addition and 113 deletion
pages/_layouts/default.html
浏览文件 @ 4205894e
......@@ -19,7 +19,7 @@ layout: base
<div class="d-flex flex-fill">
<div class="flex-fill px-lg-2 mw-100">
<div class="flex-fill px-lg-2 mw-100{% if page.blank %} d-flex align-items-center{% endif %}">
<div class="container{% if page.container-size %} container-{{ page.container-size }}{% endif %}{% if page.fluid %}-fluid{% endif %} my-4">
{% include layout/page-title.html %}
......
pages/_layouts/docs.html
浏览文件 @ 4205894e
......@@ -6,7 +6,7 @@ title: Documentation
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="col-lg-10">
<div class="card">
<div class="card-body p-lg-5">
......
pages/blank.html
浏览文件 @ 4205894e
---
title: Blank page
container-size: sm
blank: true
done: true
---
<div class="text-center">
{% include ui/illustration.html image="undraw_printing_invoices_5r4r.svg" class="mb-4 h-48" %}
<p class="text-muted mb-4">
......@@ -12,8 +13,6 @@ container-size: sm
</p>
<div>
{% include ui/button.html text="+ Add your first client" color="primary" %}
<!-- todo: add + icon to button -->
{% include ui/button.html text="Add your first client" icon="plus" color="primary" %}
</div>
</div>
\ No newline at end of file
</div>
pages/cards-stats.html
浏览文件 @ 4205894e
......@@ -4,88 +4,7 @@ layout: default
---
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Sales</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="h1 mb-3">75%</div>
<div class="d-flex mb-2">
<div>Conversion rate</div>
<div class="ml-auto text-green">
24% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
{% include ui/progress.html percentage=75 color="blue" size="sm" %}
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Revenue</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 mr-2">$4,300</div>
<div class="mr-auto text-green">
24% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
</div>
<div class="card-chart" id="card-chart-1"></div>
{% include js/charts.html id="card-chart-1" chart-id="revenue-bg" %}
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>New clients</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">6,782</div>
<div class="mr-auto text-red">
5% {% include ui/icon.html icon="trending-down" class="icon-thin" %}
</div>
</div>
<div class="chart-sm" id="chart-active-users"></div>
{% include js/charts.html id="chart-active-users" chart-id="new-clients" %}
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Active users</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">2,986</div>
<div class="mr-auto text-green">
4% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
<div class="chart-sm" id="chart-active-users2"></div>
{% include js/charts.html id="chart-active-users2" chart-id="active-users" %}
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
......
pages/index.html
浏览文件 @ 4205894e
......@@ -5,6 +5,90 @@ menu: level-1.level-2.level-3.level-4
---
<div class="row row-cards">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Sales</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="h1 mb-3">75%</div>
<div class="d-flex mb-2">
<div>Conversion rate</div>
<div class="ml-auto text-green">
24% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
{% include ui/progress.html percentage=75 color="blue" size="sm" %}
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Revenue</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 mr-2">$4,300</div>
<div class="mr-auto text-green">
24% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
</div>
<div class="card-chart" id="card-chart-1"></div>
{% include js/charts.html id="card-chart-1" chart-id="revenue-bg" %}
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>New clients</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">6,782</div>
<div class="mr-auto text-red">
5% {% include ui/icon.html icon="trending-down" class="icon-thin" %}
</div>
</div>
<div class="chart-sm" id="chart-active-users"></div>
{% include js/charts.html id="chart-active-users" chart-id="new-clients" %}
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Active users</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">2,986</div>
<div class="mr-auto text-green">
4% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
<div class="chart-sm" id="chart-active-users2"></div>
{% include js/charts.html id="chart-active-users2" chart-id="active-users" %}
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-xl-2">
{% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
</div>
......
pages/typography.html
浏览文件 @ 4205894e
......@@ -193,7 +193,7 @@ done: true
</div>
</div>
<div class="col-12 col-md-8">
<div class="col-12 col-md-6">
<div class="card">
<div class="card-header">
<div class="card-title">Blockquotes</div>
......@@ -209,15 +209,10 @@ done: true
Suspendisse maximus.</p>
<footer class="blockquote-footer">Julius Cesar</footer>
</blockquote>
<blockquote class="blockquote text-right">
<p>Nulla facilisi. Curabitur magna neque, maximus at pellentesque et, mattis et neque. Mauris quis
ligula.</p>
<footer class="blockquote-footer">Albert Einstein</footer>
</blockquote>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="col-12 col-md-6">
<div class="card">
<div class="card-header">
<div class="card-title">Text elements</div>
......
scss/_variables.scss
浏览文件 @ 4205894e
......@@ -105,9 +105,9 @@ $avatar-sizes: (
"xl": 6rem
) !default;
$font-size-base: .9375rem !default;
$font-size-base: 1rem !default;
$font-weight-base: 400 !default;
$line-height-base: 1.5 !default;
$line-height-base: 1.375 !default;
$border-radius: 3px !default;
......@@ -116,14 +116,17 @@ Typography
*/
$headings-font-weight: 600 !default;
$small-font-size: 83.33333% !default;
$small-font-size: 80% !default;
$h1-font-size: $font-size-base * 1.2 * 1.2 * 1.2 !default;
$h2-font-size: $font-size-base * 1.2 * 1.2 !default;
$h3-font-size: $font-size-base * 1.2 !default;
$h4-font-size: $font-size-base !default;
$h5-font-size: $font-size-base * .833333 !default;
$h6-font-size: $font-size-base * .833333 * .83333 !default;
$h1-font-size: $font-size-base * 1.875 !default;
$h2-font-size: $font-size-base * 1.5 !default;
$h3-font-size: $font-size-base * 1.125 !default;
$h4-font-size: $font-size-base * 1 !default;
$h5-font-size: $font-size-base * .875 !default;
$h6-font-size: $font-size-base * .75 !default;
$blockquote-font-size: $h4-font-size !default;
$lead-font-size: $h3-font-size !default;
/**
Ribbons
......
scss/ui/_typo.scss
浏览文件 @ 4205894e
......@@ -29,16 +29,8 @@ b {
font-weight: 600;
}
p,
ul,
ol,
blockquote {
margin-bottom: 1em;
}
blockquote {
padding-left: 2rem;
font-style: italic;
padding-left: 1rem;
color: $text-muted;
border-left: 2px solid $border-color;
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或