1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00

sponsors button

This commit is contained in:
codecalm
2021-03-15 23:39:31 +01:00
parent 5cc64487d5
commit d67b664a71
4 changed files with 15 additions and 4 deletions

View File

@@ -16,6 +16,7 @@ title: Tabler
description: Premium and Open Source dashboard template with responsive and high quality UI.
homepage: https://tabler.io
github-url: https://github.com/tabler/tabler
github-sponsors-url: https://github.com/sponsors/codecalm
changelog-url: https://github.com/tabler/tabler/releases
sponsor-url: https://github.com/sponsors/codecalm
preview-url: https://preview.tabler.io

View File

@@ -6,6 +6,12 @@
<li class="list-inline-item"><a href="{{ site.base }}/docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="{{ site.base }}/license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="{{ site.github-url }}" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="{{ site.github-sponsors-url }}" target="_blank" class="link-secondary" rel="noopener">
{% include ui/icon.html icon="heart" color="pink" %}
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">

View File

@@ -2,7 +2,10 @@
{% assign person = site.data.people[person-id] %}
<div class="navbar-nav flex-row{% if include.class %} {{ include.class }}{% endif %}">
<div class="nav-item d-none d-md-flex me-3">
{% include ui/button.html icon="brand-github" color="github" outline=true text="Source code" href=site.github-url external=true %}
<div class="btn-list">
{% include ui/button.html icon="brand-github" icon-color="github" outline=true text="Source code" href=site.github-url external=true %}
{% include ui/button.html icon="heart" icon-color="pink" outline=true text="Sponsor" href=site.github-sponsors-url external=true %}
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">

View File

@@ -14,9 +14,10 @@
}
.icon-inline {
width: 1.25em;
height: 1.25em;
font-size: 1em;
width: 1em;
height: 1em;
font-size: (16/14) * 1em;
vertical-align: -0.2em;
}
.icon-filled {