Improve styling of exercise history/sparkline partials

This commit is contained in:
Peter Stockings
2026-02-28 16:33:43 +11:00
parent 57f7610963
commit ff6a921550
2 changed files with 6 additions and 6 deletions

View File

@@ -2,13 +2,13 @@
<div id="exercise-history-container"
class="w-full bg-gray-50 p-4 border-t border-gray-200 shadow-inner overflow-x-auto">
<div class="flex items-center justify-between sm:justify-center relative mb-1">
<div class="flex items-center justify-center gap-2 w-full">
<h4 class="text-l font-semibold text-blue-400">{{ title }}</h4>
<div class="flex flex-col sm:flex-row items-center justify-center w-full gap-x-2">
<h4 class="text-lg font-semibold text-blue-400">{{ title }}</h4>
<div hx-get="{{ url_for('workout.get_topset_achievements', person_id=person_id, workout_id=latest_workout_id, topset_id=latest_topset_id) }}"
hx-trigger="load" hx-target="this" hx-swap="innerHTML" class="flex items-center">
</div>
</div>
<div class="absolute right-0 z-10">
<div class="absolute left-0 z-10">
<button
class="inline-flex justify-center p-1 text-gray-500 rounded cursor-pointer hover:text-gray-900 hover:bg-gray-100"
title="Show Progress Graph"

View File

@@ -47,13 +47,13 @@
<!-- Popover content will be dynamically inserted here -->
</div>
<div class="flex items-center justify-between sm:justify-center relative mb-1">
<div class="flex items-center justify-center gap-2 w-full">
<h4 class="text-l font-semibold text-blue-400">{{ title }}</h4>
<div class="flex flex-col sm:flex-row items-center justify-center w-full gap-x-2">
<h4 class="text-lg font-semibold text-blue-400">{{ title }}</h4>
<div hx-get="{{ url_for('workout.get_topset_achievements', person_id=person_id, workout_id=latest_workout_id, topset_id=latest_topset_id) }}"
hx-trigger="load" hx-target="this" hx-swap="innerHTML" class="flex items-center">
</div>
</div>
<div class="absolute right-0 z-10">
<div class="absolute left-0 z-10">
<button
class="inline-flex justify-center p-1 text-gray-500 rounded cursor-pointer hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-600"
title="Show History"