Make site even more responsive

This commit is contained in:
Peter Stockings
2023-12-08 21:23:26 +11:00
parent db8ae218fc
commit 0fa3d4b74b
4 changed files with 30 additions and 29 deletions

View File

@@ -10,12 +10,12 @@
then remove me
then toggle .hide-scrollbar on document.body'>
<div class='modal-underlay' _='on click trigger closeModal'></div>
<div class='modal-content m-4 sm:mt-24 max-h-[95%]' _='init toggle .hide-scrollbar on document.body'>
<div class='modal-content p-2 md:p-4 m-2 sm:mt-24 max-h-[98%]' _='init toggle .hide-scrollbar on document.body'>
<div class="relative w-full h-full max-w-2xl md:h-auto overflow-auto">
<!-- Modal content -->
<div class="relative bg-white rounded-lg shadow">
<!-- Modal header -->
<div class="flex items-start justify-between p-4 border-b rounded-t">
<div class="flex items-start justify-between p-2 md:p-4 border-0 md:border-b rounded-t">
<div class="flex flex-col w-full">
<div class="flex items-center justify-between">
<div class="w-full">
@@ -59,7 +59,7 @@
</div>
<!-- Modal body -->
<div class="p-6 space-y-6">
<div class="p-3 md:p-6 space-y-6">
<table class="items-center w-full bg-transparent border-collapse table-fixed">
<thead>
<tr>
@@ -94,7 +94,7 @@
{% endif %}
</div>
<!-- Modal footer -->
<div class="flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600">
<div class="flex items-center p-3 md:p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600">
{{ render_partial('partials/new_set_form.html', person_id=workout['PersonId'],
workout_id=workout['WorkoutId'],
exercises=exercises,