Update the style of buttons.

2023-07-22 13:47:13 +03:00
parent 1711ef1d50
commit 31c8770439
3 changed files with 19 additions and 3 deletions
@@ -4,7 +4,14 @@
 {% block content %}
  <h1 class="text-3xl font-bold text-center my-2">Tasks</h1>

-  <button type="button" hx-get="{% url 'tasks:create-task-form' %}" hx-target="#task-items" hx-swap="beforeend">
+  <button type="button"
+	  hx-get="{% url 'tasks:create-task-form' %}"
+	  hx-target="#task-items"
+	  hx-swap="beforeend"
+	  class="inline-block px-14 py-2.5 bg-green-600 text-white font-medium text-xs leading-tight
+          uppercase rounded shadow-md hover:bg-green-700 hover:shadow-lg focus:bg-green-700
+          focus:shadow-lg focus:outline-none focus:ring-0 active:bg-green-800 active:shadow-lg
+          transition duration-150 ease-in-out mx-auto">
    Add a new task
  </button>