Add fade in transition to work out start date, tags, & note
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
<div id="edit-start-date" hx-target="this" hx-swap="outerHTML swap:0.5s">
|
<div id="edit-start-date" hx-target="this" hx-swap="outerHTML swap:0.5s" class="animate-fadeIn">
|
||||||
{% if is_edit|default(false, true) == false %}
|
{% if is_edit|default(false, true) == false %}
|
||||||
<span class="text-base font-normal text-gray-500">{{ strftime(start_date, "%b %d %Y") }}</span>
|
<span class="text-base font-normal text-gray-500">{{ strftime(start_date, "%b %d %Y") }}</span>
|
||||||
<a class="text-sm font-medium text-cyan-600 hover:bg-gray-100 rounded-lg inline-flex items-center p-2 cursor-pointer"
|
<a class="text-sm font-medium text-cyan-600 hover:bg-gray-100 rounded-lg inline-flex items-center p-2 cursor-pointer"
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<div class="flex w-full flex-wrap justify-center">
|
<div class="flex w-full flex-wrap justify-center animate-fadeIn">
|
||||||
|
|
||||||
{% for t in tags %}
|
{% for t in tags %}
|
||||||
<div data-te-chip-init data-te-ripple-init
|
<div data-te-chip-init data-te-ripple-init
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<div id="workout-note-{{workout_id}}" hx-target="this" hx-swap="outerHTML swap:0.5s">
|
<div id="workout-note-{{workout_id}}" hx-target="this" hx-swap="outerHTML swap:0.5s" class="animate-fadeIn">
|
||||||
{% if is_edit|default(false, true) == false %}
|
{% if is_edit|default(false, true) == false %}
|
||||||
{% if note|length > 0 %}
|
{% if note|length > 0 %}
|
||||||
<span class="text-base font-normal text-gray-500 whitespace-normal">{{ note | replace('\n', '<br>') | safe }}</span>
|
<span class="text-base font-normal text-gray-500 whitespace-normal">{{ note | replace('\n', '<br>') | safe }}</span>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div id="tag-form-w-{{ workout_id }}" class="hidden pt-2 pb-3">
|
<div id="tag-form-w-{{ workout_id }}" class="hidden pt-2 pb-3 animate-fadeIn">
|
||||||
|
|
||||||
<span class="text-base font-normal text-gray-500">Add tag to workout</span>
|
<span class="text-base font-normal text-gray-500">Add tag to workout</span>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user