diff options
author | JoshCreany <joshcreany@gmail.com> | 2023-10-08 12:49:31 -0600 |
---|---|---|
committer | JoshCreany <joshcreany@gmail.com> | 2023-10-08 12:49:31 -0600 |
commit | cfa57992909bfe2f4340ea05667ef34c5a17494a (patch) | |
tree | 8eb7522396a74599251e030ab31eaafcd1e8f649 /templates/tasks.html | |
parent | c93ef2dd9948658b5c477bcd4d82080c19c006e3 (diff) |
Cleaned up search area and started putting tasks into cards
Diffstat (limited to 'templates/tasks.html')
-rw-r--r-- | templates/tasks.html | 29 |
1 files changed, 19 insertions, 10 deletions
diff --git a/templates/tasks.html b/templates/tasks.html index 2432aad..1a2e633 100644 --- a/templates/tasks.html +++ b/templates/tasks.html @@ -1,11 +1,20 @@ -{% for task in to_do %} -<div class="relative flex items-start"> - <div class="flex h-6 items-center"> - <input id="comments" aria-describedby="comments-description" name="comments" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"> - </div> - <div class="ml-3 text-sm leading-6"> - <label for="comments" class="font-medium text-gray-900">Task {{loop.index}}</label> - <p id="comments-description" class="text-gray-500">{{task}}</p> - </div> +<div class="bg-white shadow mx-auto sm:rounded-lg"> + <div class="bg-gray-500 mx-auto px-4 sm:px-6 lg:px-8"> + <fieldset> + <legend class="text-base font-semibold leading-8 text-gray-900">"{{search_query}}" Tasks</legend> + <div class="mt-4 divide-y divide-gray-200 border-b border-t border-gray-200"> + {% for task in to_do %} + <div class="relative flex items-start py-4"> + <div class="flex h-6 items-center"> + <input id="comments" aria-describedby="comments-description" name="comments" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"> + </div> + <div class="ml-3 text-sm leading-6"> + <label for="comments" class="font-medium text-gray-900">Task {{loop.index}}</label> + <p id="comments-description" class="text-gray-500">{{task}}</p> + </div> + </div> + {% endfor %} + </div> + </fieldset> </div> -{% endfor %}
\ No newline at end of file +</div>
\ No newline at end of file |