peterstockings/workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reduce padding on workout modal when on mobile, TODO: workout list view needs to be made responsive as well

Browse Source
This commit is contained in:
Peter Stockings
2023-07-25 21:48:58 +10:00
parent d2d8b73398
commit 2f859157de
2 changed files with 1 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
static/css/style.css
View File

@@ -34,11 +34,6 @@ tr.htmx-swapping td {
} }
#modal > .modal-content { #modal > .modal-content {
/* Position visible dialog near the top of the window */
margin-top: 5vh;
/* Sizing for visible dialog */
max-width: 80%;
max-height:90%;
/* Display properties for visible dialog*/ /* Display properties for visible dialog*/
border: solid 1px #999; border: solid 1px #999;
border-radius: 8px; border-radius: 8px;

2
templates/partials/workout_modal.html
View File

@@ -5,7 +5,7 @@
then toggle .hide-scrollbar on document.body then toggle .hide-scrollbar on document.body
then send refreshView to #refreshViewElement'> then send refreshView to #refreshViewElement'>
<div class='modal-underlay' _='on click trigger closeModal'></div> <div class='modal-underlay' _='on click trigger closeModal'></div>
<div class='modal-content' _='init toggle .hide-scrollbar on document.body'> <div class='modal-content m-4 sm:mt-24 max-h-[95%]' _='init toggle .hide-scrollbar on document.body'>
<div class="relative w-full h-full max-w-2xl md:h-auto overflow-auto"> <div class="relative w-full h-full max-w-2xl md:h-auto overflow-auto">
<!-- Modal content --> <!-- Modal content -->
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">