aboutsummaryrefslogtreecommitdiff
path: root/templates/tasks.html
diff options
context:
space:
mode:
authorJoshCreany <joshcreany@gmail.com>2023-10-08 12:49:31 -0600
committerJoshCreany <joshcreany@gmail.com>2023-10-08 12:49:31 -0600
commitcfa57992909bfe2f4340ea05667ef34c5a17494a (patch)
tree8eb7522396a74599251e030ab31eaafcd1e8f649 /templates/tasks.html
parentc93ef2dd9948658b5c477bcd4d82080c19c006e3 (diff)
Cleaned up search area and started putting tasks into cards
Diffstat (limited to 'templates/tasks.html')
-rw-r--r--templates/tasks.html29
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