mirror of
https://github.com/tabler/tabler.git
synced 2026-08-25 20:34:25 +04:00
modals, avatar upload component
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
<a href="#" class="avatar avatar-upload{% if include.class %} {{ include.class }}{% endif %}">
|
||||
{% include ui/icon.html icon="plus" %}
|
||||
<span class="avatar-upload-text">{{ include.text | default: "Add" }}</span>
|
||||
</a>
|
||||
@@ -22,5 +22,5 @@
|
||||
{% assign el = 'span' %}
|
||||
{% if link %}{% assign el = 'a' %}{% endif %}
|
||||
<{{ el }} class="avatar{% if include['size'] %} avatar-{{ include['size'] }}{% endif %}{% if include.thumb %} avatar-thumb{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.shape %} {{ include.shape }}{% endif %}{% if include.color %} bg-{{ include.color }}-lt{% endif %}"{% if src %} style="background-image: url({{ site.base }}/{{ src }})"{% endif %}{% if include.dropdown %} data-toggle="dropdown"{% endif %}>{% if include.status %}
|
||||
<span class="badge bg-{{ include.status }}">{% if include.status-text %}{{ include.status-text }}{% elsif include.status-icon %}{% include ui/icon.html icon=include.status-icon class="avatar-status-icon" %}{% endif %}</span>{% endif %}{% if placeholder %}{{ placeholder }}{% elsif include.icon %} {% include ui/icon.html icon=include.icon class="avatar-icon" %}{% endif %}</{{ el }}>
|
||||
<span class="badge bg-{{ include.status }}">{% if include.status-text %}{{ include.status-text }}{% elsif include.status-icon %}{% include ui/icon.html icon=include.status-icon class="avatar-status-icon" %}{% endif %}</span>{% endif %}{% if placeholder %}{{ placeholder }}{% elsif include.icon %}{% include ui/icon.html icon=include.icon class="avatar-icon" %}{% endif %}</{{ el }}>
|
||||
{% endremoveemptylines %}
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
{% include ui/icon.html icon="x" %}
|
||||
</button>
|
||||
@@ -1,6 +1,4 @@
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">{{ include.title | default: 'Modal title' }}</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
{% include ui/icon.html icon="x" %}
|
||||
</button>
|
||||
{% include ui/modal/close.html %}
|
||||
</div>
|
||||
Reference in New Issue
Block a user