Skip to content

Commit

Permalink
馃拕 Removed dark mode from the successs page
Browse files Browse the repository at this point in the history
  • Loading branch information
@ErhanCitil
ErhanCitil committed Nov 6, 2023
1 parent 3b81f75 commit 1db5bb3
Showing 1 changed file with 23 additions and 23 deletions.
46 changes: 23 additions & 23 deletions src/bobvance/templates/base/success.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,69 +3,69 @@
{% include 'components/header.html'%}
<div class="py-14 px-4 md:px-6 2xl:px-20 2xl:container 2xl:mx-auto">
<div class="flex justify-start item-start space-y-2 flex-col">
<h1 class="text-3xl dark:text-white lg:text-4xl font-semibold leading-7 lg:leading-9 text-gray-800">Order #{{order.pk}}</h1>
<p class="text-base dark:text-gray-300 font-medium leading-6 text-gray-600">{{order.created_at}}</p>
<h1 class="text-3xl lg:text-4xl font-semibold leading-7 lg:leading-9 text-gray-800">Order #{{order.pk}}</h1>
<p class="text-base font-medium leading-6 text-gray-600">{{order.created_at}}</p>
</div>
<div class="mt-10 flex flex-col xl:flex-row jusitfy-center items-stretch w-full xl:space-x-8 space-y-4 md:space-y-6 xl:space-y-0">
<div class="flex flex-col justify-start items-start w-full space-y-4 md:space-y-6 xl:space-y-8">
{% for product in orderproduct %}
<div class="flex flex-col justify-start items-start dark:bg-gray-800 bg-gray-50 px-4 py-4 md:py-6 md:p-6 xl:p-8 w-full">
<div class="flex flex-col justify-start items-start bg-gray-50 px-4 py-4 md:py-6 md:p-6 xl:p-8 w-full">
<div class="mt-4 md:mt-6 flex flex-col md:flex-row justify-start items-start md:items-center md:space-x-6 xl:space-x-8 w-full">
<div class="pb-4 md:pb-8 w-full md:w-40">
<img class="w-full hidden md:block" src="{{product.product.image.url}}" alt="{{product.product.name}}" />
</div>
<div class="border-b border-gray-200 md:flex-row flex-col flex justify-between items-start w-full pb-8 space-y-4 md:space-y-0">
<div class="w-full flex flex-col justify-start items-start space-y-8">
<h3 class="text-xl dark:text-white xl:text-2xl font-semibold leading-6 text-gray-800">{{product.product.name}}</h3>
<h3 class="text-xl xl:text-2xl font-semibold leading-6 text-gray-800">{{product.product.name}}</h3>
</div>
<div class="flex justify-between space-x-8 items-start w-full">
<p class="text-base dark:text-white xl:text-lg leading-6 text-gray-800">{{product.quantity}}</p>
<p class="text-base dark:text-white xl:text-lg font-semibold leading-6 text-gray-800">鈧瑊{product.product.price}}</p>
<p class="text-base xl:text-lg leading-6 text-gray-800">{{product.quantity}}</p>
<p class="text-base xl:text-lg font-semibold leading-6 text-gray-800">鈧瑊{product.product.price}}</p>
</div>
</div>
</div>
</div>
{% endfor %}
<div class="flex justify-center flex-col md:flex-row flex-col items-stretch w-full space-y-4 md:space-y-0 md:space-x-6 xl:space-x-8">
<div class="flex flex-col px-4 py-6 md:p-6 xl:p-8 w-full bg-gray-50 dark:bg-gray-800 space-y-6">
<h3 class="text-xl dark:text-white font-semibold leading-5 text-gray-800">Summary</h3>
<div class="flex flex-col px-4 py-6 md:p-6 xl:p-8 w-full bg-gray-50 space-y-6">
<h3 class="text-xl font-semibold leading-5 text-gray-800">Summary</h3>
<div class="flex justify-center items-center w-full space-y-4 flex-col border-gray-200 border-b pb-4">
<div class="flex justify-between w-full">
<p class="text-base dark:text-white leading-4 text-gray-800">Subtotal</p>
<p class="text-base dark:text-gray-300 leading-4 text-gray-600">鈧瑊{order.total_price}}</p>
<p class="text-base leading-4 text-gray-800">Subtotal</p>
<p class="text-base leading-4 text-gray-600">鈧瑊{order.total_price}}</p>
</div>
</div>
<div class="flex justify-between items-center w-full">
<p class="text-base dark:text-white font-semibold leading-4 text-gray-800">Total</p>
<p class="text-base dark:text-gray-300 font-semibold leading-4 text-gray-600">鈧瑊{order.total_price}}</p>
<p class="text-base font-semibold leading-4 text-gray-800">Total</p>
<p class="text-base font-semibold leading-4 text-gray-600">鈧瑊{order.total_price}}</p>
</div>
</div>
<div class="flex flex-col justify-center px-4 py-6 md:p-6 xl:p-8 w-full bg-gray-50 dark:bg-gray-800 space-y-6">
<h3 class="text-xl dark:text-white font-semibold leading-5 text-gray-800">Shipping</h3>
<div class="flex flex-col justify-center px-4 py-6 md:p-6 xl:p-8 w-full bg-gray-50 space-y-6">
<h3 class="text-xl font-semibold leading-5 text-gray-800">Shipping</h3>
<div class="flex justify-between items-start w-full">
<div class="flex justify-center items-center space-x-4">
<div class="w-8 h-8">
<img class="w-full h-full" alt="logo" src="https://i.ibb.co/L8KSdNQ/image-3.png" />
</div>
<div class="flex flex-col justify-start items-center">
<p class="text-lg leading-6 dark:text-white font-semibold text-gray-800">DPD Delivery<br /><span class="font-normal">Delivery with 24 Hours</span></p>
<p class="text-lg leading-6 font-semibold text-gray-800">DPD Delivery<br /><span class="font-normal">Delivery with 24 Hours</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-50 dark:bg-gray-800 w-page xl:w-96 flex justify-between items-center md:items-start px-4 py-6 md:p-6 xl:p-8 flex-col">
<h3 class="text-xl dark:text-white font-semibold leading-5 text-gray-800">Customer</h3>
<div class="bg-gray-50 w-page xl:w-96 flex justify-between items-center md:items-start px-4 py-6 md:p-6 xl:p-8 flex-col">
<h3 class="text-xl font-semibold leading-5 text-gray-800">Customer</h3>
<div class="flex flex-col md:flex-row xl:flex-col justify-start items-stretch h-full w-full md:space-x-6 lg:space-x-8 xl:space-x-0">
<div class="flex flex-col justify-start items-start flex-shrink-0">
<div class="flex justify-center w-full md:justify-start items-center space-x-4 py-8 border-b border-gray-200">
<div class="flex justify-start items-start flex-col space-y-2">
<p class="text-base dark:text-white font-semibold leading-4 text-left text-gray-800">{{order.customer.firstname}} {{order.customer.lastname}}</p>
<p class="text-base font-semibold leading-4 text-left text-gray-800">{{order.customer.firstname}} {{order.customer.lastname}}</p>
</div>
</div>

<div class="flex justify-center text-gray-800 dark:text-white md:justify-start items-center space-x-4 py-4 border-b border-gray-200 w-full">
<div class="flex justify-center text-gray-800 md:justify-start items-center space-x-4 py-4 border-b border-gray-200 w-full">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 5H5C3.89543 5 3 5.89543 3 7V17C3 18.1046 3.89543 19 5 19H19C20.1046 19 21 18.1046 21 17V7C21 5.89543 20.1046 5 19 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
<path d="M3 7L12 13L21 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
Expand All @@ -76,12 +76,12 @@ <h3 class="text-xl dark:text-white font-semibold leading-5 text-gray-800">Custom
<div class="flex justify-between xl:h-full items-stretch w-full flex-col mt-6 md:mt-0">
<div class="flex justify-center md:justify-start xl:flex-col flex-col md:space-x-6 lg:space-x-8 xl:space-x-0 space-y-4 xl:space-y-12 md:space-y-0 md:flex-row items-center md:items-start">
<div class="flex justify-center md:justify-start items-center md:items-start flex-col space-y-4 xl:mt-8">
<p class="text-base dark:text-white font-semibold leading-4 text-center md:text-left text-gray-800">Shipping Address</p>
<p class="w-48 lg:w-full dark:text-gray-300 xl:w-48 text-center md:text-left text-sm leading-5 text-gray-600">{{order.customer.address}}, {{order.customer.postal_code}}, {{order.customer.city}}</p>
<p class="text-base font-semibold leading-4 text-center md:text-left text-gray-800">Shipping Address</p>
<p class="w-48 lg:w-full xl:w-48 text-center md:text-left text-sm leading-5 text-gray-600">{{order.customer.address}}, {{order.customer.postal_code}}, {{order.customer.city}}</p>
</div>
<div class="flex justify-center md:justify-start items-center md:items-start flex-col space-y-4">
<p class="text-base dark:text-white font-semibold leading-4 text-center md:text-left text-gray-800">Billing Address</p>
<p class="w-48 lg:w-full dark:text-gray-300 xl:w-48 text-center md:text-left text-sm leading-5 text-gray-600">{{order.customer.address}}, {{order.customer.postal_code}}, {{order.customer.city}}</p>
<p class="text-base font-semibold leading-4 text-center md:text-left text-gray-800">Billing Address</p>
<p class="w-48 lg:w-full xl:w-48 text-center md:text-left text-sm leading-5 text-gray-600">{{order.customer.address}}, {{order.customer.postal_code}}, {{order.customer.city}}</p>
</div>
</div>
</div>
Expand Down

0 comments on commit 1db5bb3

Please sign in to comment.