소스 검색

fix: button in mobile

부모
커밋
02a8959548

+ 1
- 1
resources/js/pages/Customers/Show.vue 파일 보기

90
                 <AppResetFilter :url="route('customers.show', customer.id)" />
90
                 <AppResetFilter :url="route('customers.show', customer.id)" />
91
               </div>
91
               </div>
92
 
92
 
93
-              <div class="col-12">
93
+              <div class="col-12 flex flex-column sm:flex-row">
94
                 <AppButtonLink
94
                 <AppButtonLink
95
                   v-if="historyPurchase.total"
95
                   v-if="historyPurchase.total"
96
                   label="Export excel"
96
                   label="Export excel"

+ 1
- 1
resources/js/pages/Purchases/Report.vue 파일 보기

58
             <AppResetFilter :url="route('purchases.report')" />
58
             <AppResetFilter :url="route('purchases.report')" />
59
           </div>
59
           </div>
60
 
60
 
61
-          <div class="col-12">
61
+          <div class="col-12 flex flex-column sm:flex-row">
62
             <AppButtonLink
62
             <AppButtonLink
63
               v-if="purchases.total"
63
               v-if="purchases.total"
64
               label="Export excel"
64
               label="Export excel"

+ 2
- 2
resources/js/pages/Purchases/Show.vue 파일 보기

96
         </div>
96
         </div>
97
       </div>
97
       </div>
98
 
98
 
99
-      <div class="col-12 flex justify-content-end">
99
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
100
         <AppButtonLink
100
         <AppButtonLink
101
           label="Cetak Invoice"
101
           label="Cetak Invoice"
102
           icon="pi pi-print"
102
           icon="pi pi-print"
106
         />
106
         />
107
       </div>
107
       </div>
108
 
108
 
109
-      <div class="col-12 flex justify-content-end">
109
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
110
         <AppButtonLink
110
         <AppButtonLink
111
           label="Cetak Delivery Order"
111
           label="Cetak Delivery Order"
112
           icon="pi pi-print"
112
           icon="pi pi-print"

+ 1
- 1
resources/js/pages/Sales/Report.vue 파일 보기

48
             <AppResetFilter :url="route('sales.report')" />
48
             <AppResetFilter :url="route('sales.report')" />
49
           </div>
49
           </div>
50
 
50
 
51
-          <div class="col-12">
51
+          <div class="col-12 flex flex-column sm:flex-row">
52
             <AppButtonLink
52
             <AppButtonLink
53
               v-if="sales.total"
53
               v-if="sales.total"
54
               label="Export excel"
54
               label="Export excel"

+ 2
- 2
resources/js/pages/Sales/Show.vue 파일 보기

96
         </div>
96
         </div>
97
       </div>
97
       </div>
98
 
98
 
99
-      <div class="col-12 flex justify-content-end">
99
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
100
         <AppButtonLink
100
         <AppButtonLink
101
           label="Cetak Invoice"
101
           label="Cetak Invoice"
102
           icon="pi pi-print"
102
           icon="pi pi-print"
106
         />
106
         />
107
       </div>
107
       </div>
108
 
108
 
109
-      <div class="col-12 flex justify-content-end">
109
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
110
         <AppButtonLink
110
         <AppButtonLink
111
           label="Cetak Delivery Order"
111
           label="Cetak Delivery Order"
112
           icon="pi pi-print"
112
           icon="pi pi-print"

+ 1
- 1
resources/js/pages/Settings/Components/CompanyProfile.vue 파일 보기

86
     </div>
86
     </div>
87
 
87
 
88
     <div class="col-12">
88
     <div class="col-12">
89
-      <div class="flex flex-column md:flex-row justify-content-end">
89
+      <div class="flex flex-column sm:flex-row justify-content-end">
90
         <Button
90
         <Button
91
           class="p-button-outlined"
91
           class="p-button-outlined"
92
           :icon="state.icon"
92
           :icon="state.icon"

+ 1
- 1
resources/js/pages/Settings/Components/Ppn.vue 파일 보기

42
     </div>
42
     </div>
43
 
43
 
44
     <div class="col-12">
44
     <div class="col-12">
45
-      <div class="flex flex-column md:flex-row justify-content-end">
45
+      <div class="flex flex-column sm:flex-row justify-content-end">
46
         <Button
46
         <Button
47
           class="p-button-outlined"
47
           class="p-button-outlined"
48
           :icon="state.icon"
48
           :icon="state.icon"

+ 6
- 2
resources/js/pages/Users/Show.vue 파일 보기

61
                     />
61
                     />
62
                   </div>
62
                   </div>
63
 
63
 
64
-                  <div class="col-12 flex justify-content-end">
64
+                  <div
65
+                    class="col-12 flex flex-column sm:flex-row justify-content-end"
66
+                  >
65
                     <Button
67
                     <Button
66
                       label="Simpan"
68
                       label="Simpan"
67
                       icon="pi pi-check"
69
                       icon="pi pi-check"
100
                     />
102
                     />
101
                   </div>
103
                   </div>
102
 
104
 
103
-                  <div class="col-12 flex justify-content-end">
105
+                  <div
106
+                    class="col-12 flex flex-column sm:flex-row justify-content-end"
107
+                  >
104
                     <Button
108
                     <Button
105
                       label="Simpan"
109
                       label="Simpan"
106
                       icon="pi pi-check"
110
                       icon="pi pi-check"