mirror of
https://github.com/tabler/tabler.git
synced 2026-08-13 23:02:23 +04:00
widgets fixes
This commit is contained in:
codecalm
@@ -121,9 +121,9 @@ extra:
|
||||
invoice:
|
||||
title: Invoice
|
||||
url: invoice.html
|
||||
snippets:
|
||||
title: Snippets
|
||||
url: snippets.html
|
||||
widgets:
|
||||
title: Widgets
|
||||
url: widgets.html
|
||||
search-results:
|
||||
title: Search results
|
||||
url: search-results.html
|
||||
|
||||
@@ -0,0 +1,50 @@
|
||||
- url: https://dribbble.com/shots/14553706-Food-Deliver-UI-dashboards
|
||||
title: Food Deliver UI dashboards
|
||||
author-image: https://cdn.dribbble.com/users/844826/avatars/small/b96e830c35d73d11bf250b05fb60050e.jpg?1442830990
|
||||
author: Spline.One
|
||||
image: https://cdn.dribbble.com/users/844826/screenshots/14553706/media/2be9a4847b939e02702648d058cf2df8.png
|
||||
description: Huge Kit of Blocks, UI Cards and Templates in various categories will help you create your project as quickly as possible. UI Kit has 3 versions in the most popular apps.
|
||||
|
||||
- url: https://dribbble.com/shots/14554233--Cooking-Recipe-App-Concept
|
||||
title: Cooking Recipe App Concept
|
||||
author-image: https://cdn.dribbble.com/users/427857/avatars/small/3ea3693b4fbe490d221bc201cc03e50f.png?1584370453
|
||||
author: Tran Mau Tri Tam
|
||||
image: https://cdn.dribbble.com/users/427857/screenshots/14554233/media/bfdefda7666d518b87c4cc2cd36b405a.png
|
||||
description: A clean cooking recipe app concept I've made. Hope you guys like it.
|
||||
|
||||
- url: https://dribbble.com/shots/14547977-Projects-Dashboards
|
||||
title: Projects Dashboards
|
||||
author-image: https://cdn.dribbble.com/users/844826/avatars/small/b96e830c35d73d11bf250b05fb60050e.jpg?1442830990
|
||||
author: Spline.One
|
||||
image: https://cdn.dribbble.com/users/844826/screenshots/14547977/media/e7749bd1b09d9415b8dc265a7dbe81f6.png
|
||||
description: Huge Kit of Blocks, UI Cards and Templates in various categories will help you create your project as quickly as possible. UI Kit has 3 versions in the most popular apps.
|
||||
|
||||
- url: https://dribbble.com/shots/14527816-Julia-Skin-Care
|
||||
title: Julia - Skin Care
|
||||
author-image: https://cdn.dribbble.com/users/725819/avatars/small/ca47b4633b71eb8a063d8cc15e7ec297.png?1597232180
|
||||
author: Ana Dulhiiér
|
||||
image: https://cdn.dribbble.com/users/725819/screenshots/14527816/media/71d345a350117a84abd8ecce1fe81237.png
|
||||
description: 'This is an elegant Skin Care Dietary Supplement for women who want to feel confident and fresh without annoying pigmentation. "Julia" is all about beauty. Nothing make a woman more beautiful than the belief that she is beautiful.'
|
||||
|
||||
- url: https://dribbble.com/shots/14561684-Commerce-Dashboards
|
||||
title: Commerce Dashboards
|
||||
author-image: https://cdn.dribbble.com/users/844826/avatars/small/b96e830c35d73d11bf250b05fb60050e.jpg?1442830990
|
||||
author: Spline.One
|
||||
image: https://cdn.dribbble.com/users/844826/screenshots/14561684/media/0a7329583fd3af441a9322186694bc9b.png
|
||||
description: Huge Kit of Blocks, UI Cards and Templates in various categories will help you create your project as quickly as possible. UI Kit has 3 versions in the most popular apps.
|
||||
|
||||
- url: https://dribbble.com/shots/14551190-OVOU-Smart-Business-Card
|
||||
title: OVOU Smart Business Card
|
||||
author-image: https://cdn.dribbble.com/users/303174/avatars/small/968c95983cca46a12b05bba7339a5d4b.jpg?1570021277
|
||||
author: Basov Design
|
||||
image: https://cdn.dribbble.com/users/303174/screenshots/14551190/media/e4b66de9a00d4439ef83cf65f721b875.jpg
|
||||
description: OVOU Smart Business Card is Here. You are more than a phone number on a piece of paper. Instantly connect, be remembered, and let people learn more about you by using OVOU Card.
|
||||
|
||||
- url: https://dribbble.com/shots/14569482-Recruitment-Agency-Website
|
||||
title: Recruitment Agency Website
|
||||
author-image: https://cdn.dribbble.com/users/693667/avatars/small/dd37d60eba8f0d7ffb3e4c940abdab79.jpg?1498665941
|
||||
author: Rafal Cyrnek
|
||||
image: https://cdn.dribbble.com/users/693667/screenshots/14569482/media/227d5e11fecc261f8bb15ae76ce8a0ae.png
|
||||
description: Following my yesterday's upload, I want to share with you a few more screens of the app I've been working on
|
||||
|
||||
|
||||
@@ -20,7 +20,7 @@ Use the `.card` and `.card-body` classes to create a card and use it as the basi
|
||||
|
||||
You can change the padding of a newly created card. To do it, use the `.card-sm`, `.card-md` or `.card-lg` classes.
|
||||
|
||||
Cards with the `.card-sm` class are well suited for small items such as snippets, etc., while the `.card-lg` class can be used for large blocks of text. Padding will be automatically reduced on small devices, to fit the screen size.
|
||||
Cards with the `.card-sm` class are well suited for small items such as widgets, etc., while the `.card-lg` class can be used for large blocks of text. Padding will be automatically reduced on small devices, to fit the screen size.
|
||||
|
||||
{% capture code %}
|
||||
{% include cards/card.html class="card-sm" body="This is some text within a card body." %}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Code block</h3>
|
||||
<h3 class="card-title">Card with code</h3>
|
||||
</div>
|
||||
<div class="card-code">
|
||||
{% highlight scss %}
|
||||
|
||||
@@ -6,15 +6,11 @@
|
||||
<div class="card">
|
||||
{% include ui/progress.html value=percentage class="card-progress" color=percentage-color %}
|
||||
<div class="card-body">
|
||||
<div class="dropdown card-options">
|
||||
<button class="btn-options" type="button" data-toggle="dropdown">
|
||||
{% include ui/icon.html icon="dots-vertical" %}
|
||||
</button>
|
||||
{% include ui/dropdown-menu.html right=true %}
|
||||
</div>
|
||||
<div class="card-title">
|
||||
<h6 class="h4 mb-3"><a href="#">{{ include.title | default: 'Task Title' }}</a>{% if include.badge %} <span class="badge">{{ include.badge }}</span>{% endif %}</h6>
|
||||
</div>
|
||||
|
||||
<h3 class="card-title">
|
||||
<a href="#">{{ include.title | default: 'Task Title' }}</a>
|
||||
{% if include.badge %} <span class="badge ml-2">{{ include.badge }}</span>{% endif %}
|
||||
</h3>
|
||||
|
||||
{% include ui/avatar-list.html offset=offset limit=limit stacked=true class="mb-3" %}
|
||||
|
||||
|
||||
@@ -0,0 +1,36 @@
|
||||
{% assign project-id = include.project-id | default: 0 %}
|
||||
{% assign project = site.data.projects[project-id] %}
|
||||
{% assign progress = include.progress | default: 25 %}
|
||||
{% assign days-ago = include.days-ago | default: 2 %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-3">
|
||||
<img src="{{ project.image }}" alt="{{ project.title | escape }}" class="rounded">
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3 class="card-title mb-1">
|
||||
<a href="project-overview.html" class="text-reset">{{ project.title }}</a>
|
||||
</h3>
|
||||
<div class="text-muted">
|
||||
Updated 2 hours ago
|
||||
</div>
|
||||
|
||||
<div class="mt-3">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col-auto">
|
||||
{{ progress }}%
|
||||
</div>
|
||||
<div class="col">
|
||||
{% include ui/progress.html value=progress size="sm" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include ui/card-dropdown.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -14,21 +14,16 @@
|
||||
Working in {{ person.company }}
|
||||
</div>
|
||||
<div class="small mt-1">
|
||||
<span class="text-success">●</span> Online
|
||||
<span class="badge bg-green"></span> Online
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="btn btn-sm d-none d-md-inline-block">
|
||||
<a href="#" class="btn">
|
||||
Subscribe
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="dropdown">
|
||||
<button class="btn-options" type="button" data-toggle="dropdown">
|
||||
{% include ui/icon.html icon="dots-vertical" %}
|
||||
</button>
|
||||
{% include ui/dropdown-menu.html right=true %}
|
||||
</div>
|
||||
{% include ui/card-dropdown.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{% assign person-id = include.person-id | default: 0 %}
|
||||
{% assign person = site.data.people[person-id] %}
|
||||
<a class="card card-link" href="#">
|
||||
<div class="card-cover text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({%include ui/image.html id=person-id %})">
|
||||
{% include ui/avatar.html size="xl" person=person thumb=true %}
|
||||
<div class="card-cover card-cover-blurred text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({%include ui/image.html id=person-id %})">
|
||||
{% include ui/avatar.html size="xl" person=person thumb=true rounded=true %}
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<div class="card-title mb-1">{{ person.full_name }}</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
{% include ui/avatar.html size="xl" person=person %}
|
||||
{% include ui/avatar.html size="xl" person=person rounded=true %}
|
||||
</div>
|
||||
<div class="card-title mb-1">{{ person.full_name }}</div>
|
||||
<div class="text-muted">{{ person.job_title }}</div>
|
||||
|
||||
@@ -1,13 +1,20 @@
|
||||
{% assign person-id = include.person-id | default: 0 %}
|
||||
{% assign person = site.data.people[person-id] %}
|
||||
{% capture col-avatar %}
|
||||
<div class="col-auto">
|
||||
{% include ui/avatar.html person=person class="rounded" %}
|
||||
</div>
|
||||
{% endcapture %}
|
||||
|
||||
<a class="card card-link" href="#">
|
||||
<div class="card-body">
|
||||
<div class="float-{% if include.right %}right{% else %}left mr-3{% endif %}">
|
||||
{% include ui/avatar.html person=person class="rounded" %}
|
||||
</div>
|
||||
<div>
|
||||
<div class="font-weight-medium">{{ person.full_name }}</div>
|
||||
<div class="text-muted">{{ person.job_title }}</div>
|
||||
<div class="row">
|
||||
{% unless include.right %}{{ col-avatar }}{% endunless %}
|
||||
<div class="col">
|
||||
<div class="font-weight-medium">{{ person.full_name }}</div>
|
||||
<div class="text-muted">{{ person.job_title }}</div>
|
||||
</div>
|
||||
{% if include.right %}{{ col-avatar }}{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% assign menu = include.menu | default: 'Import,Export,Download,Another action' | split: ',' %}
|
||||
{% assign icon = include.icon | default: 'dots' %}
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="card-drop" data-toggle="dropdown" aria-expanded="false">
|
||||
{% assign icon = include.icon | default: 'dots-vertical' %}
|
||||
<div class="dropdown{% if include.class %} {{ include.class }}{% endif %}">
|
||||
<a href="#" class="card-dropdown" data-toggle="dropdown" aria-expanded="false">
|
||||
{% include ui/icon.html icon=icon %}
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
|
||||
@@ -1,71 +0,0 @@
|
||||
---
|
||||
title: Snippets
|
||||
page-header: Snippets
|
||||
menu: extra.snippets
|
||||
libs: jquery, apexcharts, peity
|
||||
---
|
||||
|
||||
<div class="row row-cards">
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=5 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=6 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=7 right=true %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=8 right=true %}</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=15 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=16 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=17 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=18 %}</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=25 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=26 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=27 blurred=true %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=28 blurred=true %}</div>
|
||||
|
||||
|
||||
<div class="col-xl-6">
|
||||
{% include cards/subscribe.html person-id=0 %}
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
{% include cards/subscribe.html person-id=2 %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="currency-dollar" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="shopping-cart" color="green" count=78 subtitle="Orders" description="32 shipped" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="user" color="red" count=1352 subtitle="Members" description="163 registered today" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="message" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="green" count=78 subtitle="Orders" description="32 shipped" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="red" count=1352 subtitle="Members" description="163 registered today" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-4">
|
||||
{% include cards/small-stats.html chart-type="line" chart-data="20,0,40,30,40,30,80,60" %}
|
||||
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,10,40,60,80,70" color="red" icon="heart" %}
|
||||
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green" icon="brand-github" %}
|
||||
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=10 %}
|
||||
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=11 %}
|
||||
{% include cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}
|
||||
{% include cards/small-stats.html color="green" person-id=4 %}
|
||||
{% include cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}
|
||||
{% include cards/code.html %}
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
{% include cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %}
|
||||
{% include cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}
|
||||
{% include cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
{% include cards/project-kanban.html title="Tabler UI" badge="v1.0" value=30 percentage-color="red" limit=4 offset=0 due="72 days" %}
|
||||
{% include cards/project-kanban.html title="Tabler React" value=80 offset=20 %}
|
||||
{% include cards/user-info.html %}
|
||||
{% include cards/configuration.html %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,89 @@
|
||||
---
|
||||
title: Widgets
|
||||
page-header: Widgets
|
||||
menu: extra.widgets
|
||||
libs: jquery, apexcharts, peity
|
||||
---
|
||||
|
||||
<div class="row row-cards">
|
||||
<div class="col-lg-6">
|
||||
{% include cards/project-progress.html %}
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{% include cards/project-progress.html project-id=2 progress=76 days-ago=7 %}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=5 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=6 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=7 right=true %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=8 right=true %}</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=15 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=16 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=17 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=18 %}</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=25 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=26 %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=27 blurred=true %}</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=28 blurred=true %}</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
{% include cards/subscribe.html person-id=0 %}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
{% include cards/subscribe.html person-id=2 %}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">
|
||||
{% include cards/small-stats.html icon="currency-dollar" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">
|
||||
{% include cards/small-stats.html icon="shopping-cart" color="green" count=78 subtitle="Orders" description="32 shipped" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">
|
||||
{% include cards/small-stats.html icon="user" color="red" count=1352 subtitle="Members" description="163 registered today" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">
|
||||
{% include cards/small-stats.html icon="message" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="green" count=78 subtitle="Orders" description="32 shipped" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="red" count=1352 subtitle="Members" description="163 registered today" %}
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="row row-cards">
|
||||
<div class="col-12">{% include cards/small-stats.html chart-type="line" chart-data="20,0,40,30,40,30,80,60" %}</div>
|
||||
<div class="col-12">{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,10,40,60,80,70" color="red" icon="heart" %}</div>
|
||||
<div class="col-12">{% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green" icon="brand-github" %}</div>
|
||||
<div class="col-12">{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=10 %}</div>
|
||||
<div class="col-12">{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=11 %}</div>
|
||||
<div class="col-12">{% include cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}</div>
|
||||
<div class="col-12">{% include cards/small-stats.html color="green" person-id=4 %}</div>
|
||||
<div class="col-12">{% include cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}</div>
|
||||
<div class="col-12">{% include cards/code.html %}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="row row-cards">
|
||||
<div class="col-12">{% include cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %}</div>
|
||||
<div class="col-12">{% include cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}</div>
|
||||
<div class="col-12">{% include cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="row row-cards">
|
||||
<div class="col-12">{% include cards/project-kanban.html title="Tabler UI" badge="v1.0" value=30 percentage-color="red" limit=4 offset=0 due="72 days" %}</div>
|
||||
<div class="col-12">{% include cards/project-kanban.html title="Tabler React" value=80 offset=20 %}</div>
|
||||
<div class="col-12">{% include cards/user-info.html %}</div>
|
||||
<div class="col-12">{% include cards/configuration.html %}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -19,6 +19,11 @@ pre.highlight,
|
||||
.highlight {
|
||||
margin: 0;
|
||||
|
||||
code > * {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.dl {
|
||||
color: #4070a0
|
||||
}
|
||||
|
||||
@@ -139,26 +139,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-options {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
color: $text-muted;
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-floating {
|
||||
position: fixed;
|
||||
z-index: $zindex-fixed;
|
||||
|
||||
@@ -102,7 +102,7 @@
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
content: "";
|
||||
background: $light-black;
|
||||
background: rgba($dark, .48);
|
||||
}
|
||||
|
||||
&:first-child,
|
||||
@@ -240,7 +240,7 @@ Card optinos
|
||||
color: $text-muted;
|
||||
}
|
||||
|
||||
.card-drop {
|
||||
.card-dropdown {
|
||||
line-height: 1;
|
||||
color: $text-muted;
|
||||
|
||||
@@ -347,10 +347,8 @@ Card code
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 0;
|
||||
color: $white;
|
||||
text-shadow: none;
|
||||
background: transparent;
|
||||
margin: 0 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user