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

credit card element, input mask remove jquery, grid fixes

Browse Source
This commit is contained in:
codecalm
2020-02-01 19:30:16 +01:00
parent e7db397d7b
commit 33eac63eb6
11 changed files with 70 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/credit-card.html
+47
View File
@@ -0,0 +1,47 @@
<div class="card">
<div class="card-body">
<div class="mb-3">
<div class="form-label">Card number</div>
{% include ui/form/input-mask.html mask="0000 0000 0000 0000" visible=true %}
</div>
<div class="mb-3">
<div class="form-label">Card name</div>
<input type="text" class="form-control">
</div>
<div class="row">
<div class="col-8">
<div class="mb-3">
<label class="form-label">Expiration date</label>
<div class="row row-sm">
<div class="col">
<select class="form-select">
{% for month in (1..12) %}
<option value="{{ month }}">{{ month }}</option>
{% endfor %}
</select>
</div>
<div class="col">
<select class="form-select">
{% for year in (2020..2030) %}
<option value="{{ year }}">{{ year }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
<div class="col">
<div class="mb-3">
<div class="form-label">CVV</div>
<input type="number" class="form-control">
</div>
</div>
</div>
<div class="mt-2">
{% include ui/button.html text="Pay now" color="primary" block=true %}
</div>
</div>
</div>
pages/_includes/cards/feed-card.html
+4 -4
View File
@@ -18,7 +18,7 @@
{% endif %}
{% if include.feed %}
<div class="row row-xs">
<div class="row row-sm">
{% if include.feed == 1 %}
<div class="col-6 mb-2">
<div class="media media-2x1 rounded">
@@ -61,7 +61,7 @@
<div class="media media-2x1 mb-2 rounded">
<a class="media-content" style="background-image: url({{ site.base }}/static/photos/{{ site.data.photos[7].file }})"></a>
</div>
<div class="row row-xs">
<div class="row row-sm">
<div class="col-6">
<div class="media rounded">
<a class="media-content" style="background-image: url({{ site.base }}/static/photos/{{ site.data.photos[8].file }})"></a>
@@ -109,7 +109,7 @@
</div>
</div>
<div class="col-6">
<div class="row row-xs">
<div class="row row-sm">
<div class="col-6">
<div class="media mb-2 rounded">
<a class="media-content" style="background-image: url({{ site.base }}/static/photos/{{ site.data.photos[16].file }})"></a>
@@ -140,7 +140,7 @@
</div>
</div>
<div class="col-6">
<div class="row row-xs">
<div class="row row-sm">
<div class="col-6">
<div class="media mb-2 rounded">
<a class="media-content" style="background-image: url({{ site.base }}/static/photos/{{ site.data.photos[21].file }})"></a>
pages/_includes/cards/timeline.html
+1 -1
View File
@@ -54,7 +54,7 @@
<div class="list-timeline-time">3 days ago</div>
<p class="list-timeline-title">+2 New photos</p>
<div class="mt-3">
<div class="row row-xs">
<div class="row row-sm">
<div class="col-6">
<div class="media media-2x1 rounded">
<a class="media-content" style="background-image: url({% include ui/image.html id=6 %})"></a>