From 2680222116f9cd8e773a5247d74bb705d8cca19a Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Fri, 2 Dec 2022 14:06:03 +0300
Subject: [PATCH] finish steps styling

---
 public/css/app.css                          | 12 ++++++++++++
 resources/assets/js/views/wizard/Finish.vue |  8 ++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 0ed27091b..33820d6f1 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -55570,6 +55570,12 @@ body{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+[dir="ltr"] .ltr\:items-start{
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+
 [dir="ltr"] .ltr\:space-x-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -56581,6 +56587,12 @@ body{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+[dir="rtl"] .rtl\:items-end{
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+}
+
 [dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 1;
 }
diff --git a/resources/assets/js/views/wizard/Finish.vue b/resources/assets/js/views/wizard/Finish.vue
index a941305ee..7523c16dc 100644
--- a/resources/assets/js/views/wizard/Finish.vue
+++ b/resources/assets/js/views/wizard/Finish.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="relative bg-body z-10 rounded-lg shadow-2xl p-5 sm:py-10 sm:ltr:pl-10 sm:rtl:pr-10 overflow-hidden">
+    <div class="relative bg-body z-10 rounded-lg shadow-2xl p-5 ltr:pr-0 rtl:pl-0 sm:py-10 sm:ltr:pl-10 sm:rtl:pr-10 overflow-hidden">
         <WizardSteps :active_state="active"></WizardSteps>
 
         <div class="flex flex-col justify-between -mt-5 sm:mt-0" style="height:565px;">
@@ -43,14 +43,14 @@
                 </div>
 
                 <div class="relative w-1/2 right-0 ltr:pl-10 rtl:pr-10 mt-3 hidden lg:flex lg:flex-col">
-                    <div class="bg-purple rounded-tl-lg rounded-bl-lg p-6">
-                        <div class="w-48 text-white rtl:float-left rtl:text-left text-2xl font-semibold leading-9">
+                    <div class="flex flex-col ltr:items-start rtl:items-end bg-purple ltr:rounded-tl-lg ltr:rounded-bl-lg rtl:rounded-tr-lg rtl:rounded-br-lg p-6">
+                        <div class="w-48 text-white text-left text-2xl font-semibold leading-9">
                             {{ translations.finish.apps_managing }}
                         </div>
 
                         <div style="width:372px; height:372px;"></div>
 
-                        <img :src="image_src" class="absolute top-0 right-2" alt="" />
+                        <img :src="image_src" class="absolute top-3 right-2" alt="" />
                     </div>
 
                     <base-button