From 2cf9ffeff4012611cc6fedd34c4ab77c9ade53d9 Mon Sep 17 00:00:00 2001
From: Merve Karaman <amervekaraman@gmail.com>
Date: Fri, 17 Mar 2023 09:44:39 +0300
Subject: [PATCH 1/3] New Recurring Invoice page validation position problem

---
 .../js/components/AkauntingRecurring.vue      | 113 ++++++++++--------
 1 file changed, 61 insertions(+), 52 deletions(-)

diff --git a/resources/assets/js/components/AkauntingRecurring.vue b/resources/assets/js/components/AkauntingRecurring.vue
index e8734dc44..91fc3f7be 100644
--- a/resources/assets/js/components/AkauntingRecurring.vue
+++ b/resources/assets/js/components/AkauntingRecurring.vue
@@ -39,54 +39,60 @@
                 {{ startText }}
             </div>
 
-            <el-date-picker
-                class="w-36 recurring-invoice-data"
-                v-model="started_at"
-                @input="change"
-                type="date"
-                align="right"
-                :format="formatDate"
-                value-format="yyyy-MM-dd"
-                :picker-options="{
-                    disabledDate(time) {
-                        return time.getTime() < Date.now();
-                    },
-                    shortcuts: [
-                        {
-                            text: dateRangeText['today'],
-                            onClick(picker) {
-                                picker.$emit('pick', new Date());
-                            }
+            <div
+            :class="startedError ? 'pt-0' : '' && startedError || limitDateError ? 'pt-0 pb-5' : 'pb-10' && startedError && limitDateError ? 'pt-6 pb-5' : 'pb-10'">
+                    <el-date-picker
+                    class="w-36 cursor-pointer recurring-invoice-data"
+                    v-model="started_at"
+                    @input="change"
+                    type="date"
+                    align="right"
+                    :format="formatDate"
+                    value-format="yyyy-MM-dd"
+                    :picker-options="{
+                        disabledDate(time) {
+                            return time.getTime() < Date.now();
                         },
-                        {
-                            text: dateRangeText['yesterday'],
-                            onClick(picker) {
-                                const date = new Date();
-                                date.setTime(date.getTime() - 3600 * 1000 * 24);
+                        shortcuts: [
+                            {
+                                text: dateRangeText['today'],
+                                onClick(picker) {
+                                    picker.$emit('pick', new Date());
+                                }
+                            },
+                            {
+                                text: dateRangeText['yesterday'],
+                                onClick(picker) {
+                                    const date = new Date();
+                                    date.setTime(date.getTime() - 3600 * 1000 * 24);
 
-                                picker.$emit('pick', date);
+                                    picker.$emit('pick', date);
+                                }
+                            },
+                            {
+                                text: dateRangeText['week_ago'],
+                                onClick(picker) {
+                                    const date = new Date();
+                                    date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+
+                                    picker.$emit('pick', date);
+                                }
                             }
-                        },
-                        {
-                            text: dateRangeText['week_ago'],
-                            onClick(picker) {
-                                const date = new Date();
-                                date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+                        ]
+                    }">
+                    </el-date-picker>
 
-                                picker.$emit('pick', date);
-                            }
-                        }
-                    ]
-                }">
-            </el-date-picker>
+                <div class="text-red text-sm mt-1 block" v-if="startedError" v-html="startedError"></div>
 
-            <div class="text-red text-sm mt-1 block" v-if="startedError" v-html="startedError"></div>
+            </div>
 
-            <div class="w-24 px-2 text-sm text-center">
+            <div class="w-24 px-2 text-sm text-center"
+            :class="(startedError || limitDateError ? 'pt-10 pb-14' : 'pb-10') && (startedError && limitDateError ? 'pt-6 pb-14' : 'pb-10')">
                 {{ middleText }}
             </div>
 
-            <el-select class="w-20" v-model="limit" @input="change">
+            <el-select class="w-20" v-model="limit" @input="change"
+            :class="startedError || limitDateError ? 'pt-0 pb-0' : '' && startedError && limitDateError ? 'pt-6 pb-16' : 'pb-10'">
                 <el-option
                 v-for="(label, value) in limits"
                 :key="value"
@@ -95,7 +101,7 @@
                 </el-option>
             </el-select>
 
-            <input type="text" class="w-20 text-sm px-3 py-2.5 mt-1 ml-2 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple" v-model="limitCount" v-if="limit == 'after'" @input="change">
+            <input type="text" class="w-20 cursor-pointer text-sm px-3 py-2.5 mt-1 ml-2 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple" v-model="limitCount" v-if="limit == 'after'" @input="change">
 
             <div class="text-red text-sm mt-1 block" v-if="limitCountError" v-html="limitCountError"></div>
 
@@ -103,19 +109,22 @@
                 {{ endText }}
             </div>
 
-            <el-date-picker
-                class="w-36 ml-2 recurring-invoice-data"
-                v-model="limitDate"
-                type="date"
-                align="right"
-                :format="formatDate"
-                value-format="yyyy-MM-dd"
-                v-if="limit == 'on'"
-                @input="change"
-            >
-            </el-date-picker>
+            <div 
+            :class="startedError || limitDateError ? 'pt-10 pb-10' : 'pb-10'  &&  startedError && limitDateError ? ' pt-20 pb-14' : 'pb-10'">
+                    <el-date-picker
+                    class="w-36 ml-2 cursor-pointer recurring-invoice-data"
+                    v-model="limitDate"
+                    type="date"
+                    align="right"
+                    :format="formatDate"
+                    value-format="yyyy-MM-dd"
+                    v-if="limit == 'on'"
+                    @input="change"
+                >
+                </el-date-picker>
 
-            <div class="text-red text-sm mt-1 block" v-if="limitDateError" v-html="limitDateError"></div>
+                <div class="text-red text-sm mt-1 ml-2 block" v-if="limitDateError" v-html="limitDateError"></div>
+            </div>
         </div>
     </div>
 </template>

From fe2d6511488e8d2dd9a2d258988650fdc57efac9 Mon Sep 17 00:00:00 2001
From: Merve Karaman <amervekaraman@gmail.com>
Date: Fri, 17 Mar 2023 09:48:45 +0300
Subject: [PATCH 2/3] Padding problem solved

---
 resources/assets/js/components/AkauntingRecurring.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/assets/js/components/AkauntingRecurring.vue b/resources/assets/js/components/AkauntingRecurring.vue
index 91fc3f7be..19af1608b 100644
--- a/resources/assets/js/components/AkauntingRecurring.vue
+++ b/resources/assets/js/components/AkauntingRecurring.vue
@@ -92,7 +92,7 @@
             </div>
 
             <el-select class="w-20" v-model="limit" @input="change"
-            :class="startedError || limitDateError ? 'pt-0 pb-0' : '' && startedError && limitDateError ? 'pt-6 pb-16' : 'pb-10'">
+            :class="startedError || limitDateError ? 'pt-0 pb-6' : '' && startedError && limitDateError ? 'pt-6 pb-16' : 'pb-10'">
                 <el-option
                 v-for="(label, value) in limits"
                 :key="value"

From f2277141d9ed822309fe027ca77eba5ef3720d34 Mon Sep 17 00:00:00 2001
From: Merve Karaman <amervekaraman@gmail.com>
Date: Fri, 17 Mar 2023 10:59:23 +0300
Subject: [PATCH 3/3] Clickable link does not appear clickable

---
 resources/views/components/button/hover.blade.php | 2 +-
 resources/views/components/link/hover.blade.php   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/components/button/hover.blade.php b/resources/views/components/button/hover.blade.php
index d763cebce..10e87db9e 100644
--- a/resources/views/components/button/hover.blade.php
+++ b/resources/views/components/button/hover.blade.php
@@ -2,7 +2,7 @@
     @class([
         $color,
         $groupHover ? 'group-hover:bg-full-2' : 'hover:bg-full-2',
-        'bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize'
+        'bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize cursor-pointer'
     ])
 >
     {!! $slot !!}
diff --git a/resources/views/components/link/hover.blade.php b/resources/views/components/link/hover.blade.php
index d763cebce..10e87db9e 100644
--- a/resources/views/components/link/hover.blade.php
+++ b/resources/views/components/link/hover.blade.php
@@ -2,7 +2,7 @@
     @class([
         $color,
         $groupHover ? 'group-hover:bg-full-2' : 'hover:bg-full-2',
-        'bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize'
+        'bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize cursor-pointer'
     ])
 >
     {!! $slot !!}