From ace3fb717cc47bb10973b222297acaa6f6c1d957 Mon Sep 17 00:00:00 2001
From: Brody Wilton <brodywilton@hotmail.com>
Date: Mon, 25 Mar 2024 00:09:26 +0000
Subject: [PATCH] Add button styling
---
myproject/myapp/templates/payment_cancelled.html | 13 +++++++++----
myproject/myapp/templates/payment_success.html | 11 ++++++++---
2 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/myproject/myapp/templates/payment_cancelled.html b/myproject/myapp/templates/payment_cancelled.html
index a4793ad..a7b8001 100644
--- a/myproject/myapp/templates/payment_cancelled.html
+++ b/myproject/myapp/templates/payment_cancelled.html
@@ -1,5 +1,10 @@
{% extends "_base.html" %}{% block content %}
-<h1>Payment Cancelled</h1>
-<p>Your payment has been cancelled.</p>
-<button><a href="{% url 'pricing' %}">Return</a></button>
-{% endblock content%}
+<div class="grid grid-cols-1 gap-16 items-center py-8 px-4 mx-auto w-70 lg:grid">
+ <div class="font-light text-gray-500 sm:text-lg dark:text-gray-400">
+ <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Payment Cancelled</h2>
+ <p class="mb-4">Your payment has been cancelled.</p>
+ </div>
+</div>
+
+<button class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-200 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-900 font-medium rounded-lg text-sm px-5 py-2.5 inline-flex justify-center text-center"><a href="{% url 'pricing' %}">Return</a></button>
+{% endblock content%}
\ No newline at end of file
diff --git a/myproject/myapp/templates/payment_success.html b/myproject/myapp/templates/payment_success.html
index 75ce641..8496abe 100644
--- a/myproject/myapp/templates/payment_success.html
+++ b/myproject/myapp/templates/payment_success.html
@@ -1,5 +1,10 @@
{% extends "_base.html" %}{% block content %}
-<h1>Success!</h1>
-<p>Your payment was successful and you have been credited with 1 token.</p>
-<button><a href="{% url 'users' %}">Return</a></button>
+<div class="grid grid-cols-1 gap-16 items-center py-8 px-4 mx-auto w-70 lg:grid">
+ <div class="font-light text-gray-500 sm:text-lg dark:text-gray-400">
+ <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Success!</h2>
+ <p class="mb-4">Your payment was successful and you have been credited with 1 token.</p>
+ </div>
+</div>
+
+<button class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-200 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-900 font-medium rounded-lg text-sm px-5 py-2.5 inline-flex justify-center text-center"><a href="{% url 'users' %}">Return</a></button>
{% endblock content%}
--
GitLab