Add fade in transition to work out start date, tags, & note

This commit is contained in:
Peter Stockings
2024-04-11 18:40:21 +10:00
parent 0fb330d6fa
commit 32a81df82a
4 changed files with 4 additions and 4 deletions

View File

@@ -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"

View File

@@ -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

View File

@@ -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>

View File

@@ -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>