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

More responsive changes, probably should have split this up

Browse Source
This commit is contained in:
Peter Stockings
2023-12-08 22:28:17 +11:00
parent 0fa3d4b74b
commit 9dab060d23
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
static/css/tail.select.min.css vendored
View File

@@ -27,12 +27,11 @@
.tail-select{ .tail-select{
width: 100%; width: 100%;
margin: 1px 0px 0px 0px; margin: 1px 0px 0px 0px;
padding: 0; padding: 0px 8px 0px 0px;
display: inline-block; display: inline-block;
position: relative; position: relative;
font-size: 1rem; font-size: 1rem;
line-height: 1.8; line-height: 1.8;
border-width: 1px;
border-radius: 0.5rem; border-radius: 0.5rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }

2
templates/base.html
View File

@@ -126,7 +126,7 @@
</div> </div>
</aside> </aside>
<div class="h-full w-full bg-gray-50 relative overflow-y-auto lg:ml-64"> <div class="h-full w-full bg-gray-50 relative overflow-y-auto lg:ml-64">
<main id="main" class="w-full min-w-fit"> <main id="main" class="w-full ">
<div class="pt-3 md:pt-4 px-2 md:px-4" id="container"> <div class="pt-3 md:pt-4 px-2 md:px-4" id="container">
{% block content %} {% block content %}
{% endblock %} {% endblock %}

18
templates/person.html
View File

@@ -6,10 +6,10 @@
hx-include="[name='exercise_id'],[name='min_date'],[name='max_date']" hx-target="#container" hx-include="[name='exercise_id'],[name='min_date'],[name='max_date']" hx-target="#container"
hx-trigger="refreshView" id="refreshViewElement"></a> hx-trigger="refreshView" id="refreshViewElement"></a>
<div class="flex justify-center"> <div class="flex max-w-full overflow-x-hidden">
<div class="bg-white shadow rounded-lg p-4 sm:w-full xl:p-8 md:w-full lg:w-11/12"> <div class="bg-white shadow rounded-lg pt-2 pb-2 sm:w-full xl:p-8 md:w-full">
<div class="mb-4 flex items-center justify-between px-3"> <div class="mb-4 flex items-center justify-between px-2 md:px-3">
<div> <div>
<h3 class="text-xl font-bold text-gray-900 mb-2">{{ person['PersonName'] }}</h3> <h3 class="text-xl font-bold text-gray-900 mb-2">{{ person['PersonName'] }}</h3>
<span class="text-base font-normal text-gray-500">List of workouts</span> <span class="text-base font-normal text-gray-500">List of workouts</span>
@@ -35,7 +35,7 @@
</div> </div>
<div class="flex flex-wrap mb-1"> <div class="flex flex-wrap mb-1">
<div class="w-full md:w-1/4 px-3 mb-6 md:mb-0"> <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
<div class="mb-1 w-full"> <div class="mb-1 w-full">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city"> <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
Exercises Exercises
@@ -60,7 +60,7 @@
</select> </select>
</div> </div>
</div> </div>
<div class="w-full md:w-1/4 px-3 mb-6 md:mb-0"> <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city"> <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
Min date Min date
</label> </label>
@@ -81,7 +81,7 @@
hx-target="#container" hx-push-url="true" hx-trigger="change"> hx-target="#container" hx-push-url="true" hx-trigger="change">
</div> </div>
</div> </div>
<div class="w-full md:w-1/4 px-3 mb-6 md:mb-0"> <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-zip"> <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-zip">
Max date Max date
</label> </label>
@@ -102,7 +102,7 @@
hx-target="#container" hx-push-url="true" hx-trigger="change"> hx-target="#container" hx-push-url="true" hx-trigger="change">
</div> </div>
</div> </div>
<div class="w-full md:w-1/4 px-3 mb-6 md:mb-0"> <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
<div class="mb-1 w-full"> <div class="mb-1 w-full">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city"> <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
Graph Axis Graph Axis
@@ -127,10 +127,10 @@
<div class="flex flex-col mt-3 w-screen sm:w-full overflow-auto"> <div class="flex flex-col mt-3 w-screen sm:w-full overflow-auto">
<div class="overflow-x-auto rounded-lg"> <div class="overflow-x-auto rounded-lg">
<div class="flex justify-center"> <div class="flex justify-center">
<div class="shadow sm:rounded-lg w-screen sm:w-screen"> <div class="flex justify-center shadow sm:rounded-lg w-screen sm:w-screen">
{% if person['Workouts']|length > 0 %} {% if person['Workouts']|length > 0 %}
<table class="min-w-full divide-y divide-gray-200"> <table class="min-w-content divide-y divide-gray-200">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr>
<th scope="col" <th scope="col"