ts-glitter 21.1.7 → 21.1.8

package/lowcode/Entry.js

@@ -146,7 +146,7 @@ export class Entry {
             }
             window.renderClock = (_b = window.renderClock) !== null && _b !== void 0 ? _b : createClock();
             console.log(`Entry-time:`, window.renderClock.stop());
-            glitter.share.editerVersion = 'V_21.1.7';
+            glitter.share.editerVersion = 'V_21.1.8';
             glitter.share.start = new Date();
             const vm = { appConfig: [] };
             window.saasConfig = {

package/lowcode/Entry.ts

@@ -149,7 +149,7 @@ export class Entry {
       }
       (window as any).renderClock = (window as any).renderClock ?? createClock();
       console.log(`Entry-time:`, (window as any).renderClock.stop());
-      glitter.share.editerVersion = 'V_21.1.7';
+      glitter.share.editerVersion = 'V_21.1.8';
       glitter.share.start = new Date();
       const vm = { appConfig: [] };
       (window as any).saasConfig = {

package/lowcode/backend-manager/bg-product.js

@@ -151,7 +151,6 @@ export class BgProduct {
                             return {
                                 bind: id,
                                 view: () => {
-                                    var _a;
                                     return html `<input
                                         class="form-check-input mt-0 ${vm.checkClass} cursor_pointer"
                                         type="checkbox"
@@ -184,13 +183,11 @@ export class BgProduct {
                                                 style="text-wrap: auto;"
                                                 onclick="${gvc.event(() => call())}"
                                               >
-                                                ${obj.show_product_type
-                                        ? BgWidget.infoInsignia(ProductConfig.getName(opt.content))
-                                        : ''}${opt.value}
+                                                ${opt.value}
                                               </div>
                                               ${opt.sub_title
                                         ? html `
-                                                    <div class="fw-500" style="color:grey;font-size:13px;">
+                                                    <div class="fw-500" style="color: grey; font-size: 13px;">
                                                       ${opt.sub_title}
                                                     </div>
                                                   `
@@ -199,15 +196,43 @@ export class BgProduct {
                                           </div>
                                           ${(() => {
                                         var _a, _b;
+                                        const isVisibleProduct = opt.content.visible === 'false' && !obj.show_product_type
+                                            ? BgWidget.warningInsignia('隱形商品', { size: 'sm' })
+                                            : '';
+                                        const productCategory = obj.show_product_type
+                                            ? BgWidget.infoInsignia(ProductConfig.getName(opt.content), {
+                                                size: 'sm',
+                                            })
+                                            : '';
                                         const collections = (_b = (_a = opt.content) === null || _a === void 0 ? void 0 : _a.collection) === null || _b === void 0 ? void 0 : _b.filter(Boolean).map((col) => BgWidget.normalInsignia(col, { size: 'sm' })).join('');
-                                        return collections
-                                            ? html `<div class="d-flex flex-wrap gap-1 mt-2">${collections}</div>`
+                                        const renderString = `${isVisibleProduct}${productCategory}${collections}`;
+                                        return renderString
+                                            ? html `<div class="d-flex flex-wrap gap-1 mt-2">${renderString}</div>`
                                             : '';
                                     })()}
                                         </div>
                                         <div class="text-end">
                                           <div class="tx_normal_14">
-                                            $${parseInt(`${(_a = opt.content[vm.orderString || 'min_price']) !== null && _a !== void 0 ? _a : opt.content.variants[0].sale_price}`, 10).toLocaleString()}
+                                            ${(() => {
+                                        const contentMap = {
+                                            price: () => {
+                                                var _a, _b;
+                                                return html `$${parseInt(`${(_a = opt.content[vm.orderString || 'min_price']) !== null && _a !== void 0 ? _a : opt.content.variants[(_b = opt.variant_index) !== null && _b !== void 0 ? _b : 0].sale_price}`, 10).toLocaleString()}`;
+                                            },
+                                            stock: () => {
+                                                var _a, _b;
+                                                const variant = opt.content.variants[(_a = opt.variant_index) !== null && _a !== void 0 ? _a : 0];
+                                                if (variant.show_understocking === 'false') {
+                                                    return '不追蹤庫存';
+                                                }
+                                                const n = Number(opt.content.variants[(_b = opt.variant_index) !== null && _b !== void 0 ? _b : 0].stock);
+                                                return html `庫存 ${(isNaN(n) ? 0 : n).toLocaleString()} 個`;
+                                            },
+                                        };
+                                        return (obj.right_element_type
+                                            ? contentMap[obj.right_element_type]
+                                            : contentMap.price)();
+                                    })()}
                                           </div>
                                           ${opt.note ? html ` <div class="tx_gray_12">${opt.note}</div> ` : ''}
                                         </div>
@@ -215,7 +240,7 @@ export class BgProduct {
                                 },
                                 divCreate: {
                                     class: 'd-flex align-items-center',
-                                    style: 'gap: 24px',
+                                    style: `gap: ${document.body.clientWidth > 800 ? 24 : 12}px`,
                                 },
                             };
                         }) + BgWidget.horizontalLine({ margin: 0.15 }));
@@ -269,18 +294,14 @@ export class BgProduct {
                             data.response.data.map((product) => {
                                 var _a;
                                 const image = (_a = product.content.preview_image[0]) !== null && _a !== void 0 ? _a : BgWidget.noImageURL;
-                                const value = [
-                                    product.content.visible === 'false' ? BgWidget.warningInsignia('隱形商品') : '',
-                                    product.content.title,
-                                ]
-                                    .filter(Boolean)
-                                    .join('');
+                                const title = product.content.title;
                                 if (obj.with_variants) {
-                                    product.content.variants.map((variant) => {
+                                    product.content.variants.map((variant, index) => {
                                         vm.options.push({
                                             key: `${product.content.id}-${variant.spec.join('-')}`,
                                             sub_title: variant.spec.join('-') ? `規格:${variant.spec.join('-')}` : '',
-                                            value: value,
+                                            variant_index: index,
+                                            value: title,
                                             content: product.content,
                                             image: image,
                                         });
@@ -289,7 +310,7 @@ export class BgProduct {
                                 else {
                                     vm.options.push({
                                         key: product.content.id,
-                                        value: value,
+                                        value: title,
                                         content: product.content,
                                         image: image,
                                     });

package/lowcode/backend-manager/bg-product.ts

@@ -16,6 +16,7 @@ export type OptionsItem = {
   note?: string;
   sub_title?: string;
   content?: any;
+  variant_index?: number;
 };
 
 type CollectionItem = {
@@ -77,6 +78,7 @@ export class BgProduct {
     filter_visible?: string;
     with_variants?: boolean;
     show_product_type?: boolean;
+    right_element_type?: 'price' | 'stock';
   }) {
     const glitter = (window.parent as any).glitter;
     return (window.parent as any).glitter.innerDialog((gvc: GVC) => {
@@ -225,13 +227,11 @@ export class BgProduct {
                                                 style="text-wrap: auto;"
                                                 onclick="${gvc.event(() => call())}"
                                               >
-                                                ${obj.show_product_type
-                                                  ? BgWidget.infoInsignia(ProductConfig.getName(opt.content))
-                                                  : ''}${opt.value}
+                                                ${opt.value}
                                               </div>
                                               ${opt.sub_title
                                                 ? html`
-                                                    <div class="fw-500" style="color:grey;font-size:13px;">
+                                                    <div class="fw-500" style="color: grey; font-size: 13px;">
                                                       ${opt.sub_title}
                                                     </div>
                                                   `
@@ -239,24 +239,59 @@ export class BgProduct {
                                             </div>
                                           </div>
                                           ${(() => {
+                                            const isVisibleProduct =
+                                              opt.content.visible === 'false' && !obj.show_product_type
+                                                ? BgWidget.warningInsignia('隱形商品', { size: 'sm' })
+                                                : '';
+
+                                            const productCategory = obj.show_product_type
+                                              ? BgWidget.infoInsignia(ProductConfig.getName(opt.content), {
+                                                  size: 'sm',
+                                                })
+                                              : '';
+
                                             const collections = opt.content?.collection
                                               ?.filter(Boolean)
                                               .map((col: string) => BgWidget.normalInsignia(col, { size: 'sm' }))
                                               .join('');
-                                            return collections
-                                              ? html`<div class="d-flex flex-wrap gap-1 mt-2">${collections}</div>`
+
+                                            const renderString = `${isVisibleProduct}${productCategory}${collections}`;
+
+                                            return renderString
+                                              ? html`<div class="d-flex flex-wrap gap-1 mt-2">${renderString}</div>`
                                               : '';
                                           })()}
                                         </div>
                                         <div class="text-end">
                                           <div class="tx_normal_14">
-                                            $${parseInt(
-                                              `${
-                                                opt.content[vm.orderString || 'min_price'] ??
-                                                opt.content.variants[0].sale_price
-                                              }`,
-                                              10
-                                            ).toLocaleString()}
+                                            ${(() => {
+                                              const contentMap: Record<string, () => string> = {
+                                                price: () => {
+                                                  return html`$${parseInt(
+                                                    `${
+                                                      opt.content[vm.orderString || 'min_price'] ??
+                                                      opt.content.variants[opt.variant_index ?? 0].sale_price
+                                                    }`,
+                                                    10
+                                                  ).toLocaleString()}`;
+                                                },
+                                                stock: () => {
+                                                  const variant = opt.content.variants[opt.variant_index ?? 0];
+                                                  if (variant.show_understocking === 'false') {
+                                                    return '不追蹤庫存';
+                                                  }
+
+                                                  const n = Number(opt.content.variants[opt.variant_index ?? 0].stock);
+                                                  return html`庫存 ${(isNaN(n) ? 0 : n).toLocaleString()} 個`;
+                                                },
+                                              };
+
+                                              return (
+                                                obj.right_element_type
+                                                  ? contentMap[obj.right_element_type]
+                                                  : contentMap.price
+                                              )();
+                                            })()}
                                           </div>
                                           ${opt.note ? html` <div class="tx_gray_12">${opt.note}</div> ` : ''}
                                         </div>
@@ -264,7 +299,7 @@ export class BgProduct {
                                   },
                                   divCreate: {
                                     class: 'd-flex align-items-center',
-                                    style: 'gap: 24px',
+                                    style: `gap: ${document.body.clientWidth > 800 ? 24 : 12}px`,
                                   },
                                 };
                               }) + BgWidget.horizontalLine({ margin: 0.15 })
@@ -332,19 +367,15 @@ export class BgProduct {
                     content: { id: number; title: string; preview_image: string[]; variants: any; visible: string };
                   }) => {
                     const image = product.content.preview_image[0] ?? BgWidget.noImageURL;
-                    const value = [
-                      product.content.visible === 'false' ? BgWidget.warningInsignia('隱形商品') : '',
-                      product.content.title,
-                    ]
-                      .filter(Boolean)
-                      .join('');
+                    const title = product.content.title;
 
                     if (obj.with_variants) {
-                      product.content.variants.map((variant: any) => {
+                      product.content.variants.map((variant: any, index: number) => {
                         vm.options.push({
                           key: `${product.content.id}-${variant.spec.join('-')}`,
                           sub_title: variant.spec.join('-') ? `規格:${variant.spec.join('-')}` : '',
-                          value: value,
+                          variant_index: index,
+                          value: title,
                           content: product.content,
                           image: image,
                         });
@@ -352,7 +383,7 @@ export class BgProduct {
                     } else {
                       vm.options.push({
                         key: product.content.id,
-                        value: value,
+                        value: title,
                         content: product.content,
                         image: image,
                       });

package/lowcode/cms-plugin/pos-pages/payment-page.js

@@ -199,7 +199,8 @@ export class PaymentPage {
                                       </div>
                                     </div>
                                     <div
-                                      class="d-flex flex-column py-2" onclick="${gvc.event(() => {
+                                      class="d-flex flex-column py-2"
+                                      onclick="${gvc.event(() => {
                                         PosFunction.setMoney(gvc, count => {
                                             obj.ogOrderData.lineItems[index].count = count;
                                             refreshOrderView();
@@ -242,7 +243,10 @@ export class PaymentPage {
                                         : ``}
                                     </div>
                                     <div class="flex-fill"></div>
-                                    <div class="d-sm-none d-flex align-items-center justify-content-center flex-column" style="gap:0px;" onclick="${gvc.event(() => {
+                                    <div
+                                      class="d-sm-none d-flex align-items-center justify-content-center flex-column"
+                                      style="gap:0px;"
+                                      onclick="${gvc.event(() => {
                                         PosFunction.setMoney(gvc, money => {
                                             if (money === data.sale_price) {
                                                 delete obj.ogOrderData.lineItems[index].custom_price;
@@ -252,20 +256,24 @@ export class PaymentPage {
                                             }
                                             refreshOrderView();
                                         }, '更改商品單價');
-                                    })}">
-                                      ${(data.sale_price !== data.variant_sale_price) ? `
-                                    <span class="text-decoration-line-through"
-                                      >$${parseInt((data.variant_sale_price * data.count), 10).toLocaleString()}</span
-                                    >
-                                     <span class="text-danger"
-                                      >$${parseInt((data.sale_price * data.count), 10).toLocaleString()}</span
-                                    >
-                                    ` : `
-                                    <span
-                                      >$${parseInt((data.sale_price * data.count), 10).toLocaleString()}</span
+                                    })}"
                                     >
-                                    `}
-
+                                      ${(() => {
+                                        function formatPrice(price) {
+                                            return `$${parseInt(`${price}`, 10).toLocaleString()}`;
+                                        }
+                                        if (data.variant_sale_price && data.sale_price !== data.variant_sale_price) {
+                                            return html `
+                                            <span class="text-decoration-line-through"
+                                              >${formatPrice(data.variant_sale_price * data.count)}</span
+                                            >
+                                            <span class="text-danger"
+                                              >${formatPrice(data.sale_price * data.count)}</span
+                                            >
+                                          `;
+                                        }
+                                        return html ` <span>${formatPrice(data.sale_price * data.count)}</span> `;
+                                    })()}
                                     </div>
                                   </div>
                                   <div class="col-2 d-none d-sm-flex align-items-center justify-content-start">
@@ -298,19 +306,20 @@ export class PaymentPage {
                                         }, '更改商品單價');
                                     })}"
                                   >
-                                    ${(data.sale_price !== data.variant_sale_price) ? `
-                                    <span class="text-decoration-line-through"
-                                      >$${parseInt((data.variant_sale_price * data.count), 10).toLocaleString()}</span
-                                    >
-                                     <span class="text-danger"
-                                      >$${parseInt((data.sale_price * data.count), 10).toLocaleString()}</span
-                                    >
-                                    ` : `
-                                    <span
-                                      >$${parseInt((data.sale_price * data.count), 10).toLocaleString()}</span
-                                    >
-                                    `}
-                                    
+                                    ${(() => {
+                                        function formatPrice(price) {
+                                            return `$${parseInt(`${price}`, 10).toLocaleString()}`;
+                                        }
+                                        if (data.variant_sale_price && data.sale_price !== data.variant_sale_price) {
+                                            return html `
+                                          <span class="text-decoration-line-through"
+                                            >${formatPrice(data.variant_sale_price * data.count)}</span
+                                          >
+                                          <span class="text-danger">${formatPrice(data.sale_price * data.count)}</span>
+                                        `;
+                                        }
+                                        return html ` <span>${formatPrice(data.sale_price * data.count)}</span> `;
+                                    })()}
                                   </div>
                                 </div>
                               `;
@@ -1956,7 +1965,6 @@ export class PaymentPage {
                     else {
                         PaymentPage.clearHistory();
                         const glitter = gvc.glitter;
-                        console.log(`res.response.order-data==>`, res.response.data);
                         const invoice = res.response.data.invoice;
                         if (res.response.data.invoice &&
                             (PayConfig.deviceType === 'pos' || ConnectionMode.on_connected_device) &&

package/lowcode/cms-plugin/pos-pages/payment-page.ts

@@ -233,16 +233,17 @@ export class PaymentPage {
                                       </div>
                                     </div>
                                     <div
-                                      class="d-flex flex-column py-2" onclick="${gvc.event(() => {
-                                      PosFunction.setMoney(
-                                        gvc,
-                                        count => {
-                                          obj.ogOrderData.lineItems[index].count = count;
-                                          refreshOrderView();
-                                        },
-                                        '更改商品數量'
-                                      );
-                                    })}"
+                                      class="d-flex flex-column py-2"
+                                      onclick="${gvc.event(() => {
+                                        PosFunction.setMoney(
+                                          gvc,
+                                          count => {
+                                            obj.ogOrderData.lineItems[index].count = count;
+                                            refreshOrderView();
+                                          },
+                                          '更改商品數量'
+                                        );
+                                      })}"
                                       style="font-size: 16px;font-style: normal;font-weight: 500;letter-spacing: 0.64px;margin-left: 12px;"
                                     >
                                       <div class="d-flex justify-content-center flex-column" style="gap:5px;">
@@ -279,33 +280,42 @@ export class PaymentPage {
                                         : ``}
                                     </div>
                                     <div class="flex-fill"></div>
-                                    <div class="d-sm-none d-flex align-items-center justify-content-center flex-column" style="gap:0px;" onclick="${gvc.event(()=>{
-                                      PosFunction.setMoney(
-                                        gvc,
-                                        money => {
-                                          if (money === data.sale_price) {
-                                            delete obj.ogOrderData.lineItems[index].custom_price;
-                                          } else {
-                                            obj.ogOrderData.lineItems[index].custom_price = money;
-                                          }
-                                          refreshOrderView();
-                                        },
-                                        '更改商品單價'
-                                      )
-                                    })}">
-                                      ${(data.sale_price !== data.variant_sale_price) ? `
-                                    <span class="text-decoration-line-through"
-                                      >$${parseInt((data.variant_sale_price * data.count) as any, 10).toLocaleString()}</span
-                                    >
-                                     <span class="text-danger"
-                                      >$${parseInt((data.sale_price * data.count) as any, 10).toLocaleString()}</span
-                                    >
-                                    `:`
-                                    <span
-                                      >$${parseInt((data.sale_price * data.count) as any, 10).toLocaleString()}</span
+                                    <div
+                                      class="d-sm-none d-flex align-items-center justify-content-center flex-column"
+                                      style="gap:0px;"
+                                      onclick="${gvc.event(() => {
+                                        PosFunction.setMoney(
+                                          gvc,
+                                          money => {
+                                            if (money === data.sale_price) {
+                                              delete obj.ogOrderData.lineItems[index].custom_price;
+                                            } else {
+                                              obj.ogOrderData.lineItems[index].custom_price = money;
+                                            }
+                                            refreshOrderView();
+                                          },
+                                          '更改商品單價'
+                                        );
+                                      })}"
                                     >
-                                    `}
+                                      ${(() => {
+                                        function formatPrice(price: any) {
+                                          return `$${parseInt(`${price}`, 10).toLocaleString()}`;
+                                        }
 
+                                        if (data.variant_sale_price && data.sale_price !== data.variant_sale_price) {
+                                          return html`
+                                            <span class="text-decoration-line-through"
+                                              >${formatPrice(data.variant_sale_price * data.count)}</span
+                                            >
+                                            <span class="text-danger"
+                                              >${formatPrice(data.sale_price * data.count)}</span
+                                            >
+                                          `;
+                                        }
+
+                                        return html` <span>${formatPrice(data.sale_price * data.count)}</span> `;
+                                      })()}
                                     </div>
                                   </div>
                                   <div class="col-2 d-none d-sm-flex align-items-center justify-content-start">
@@ -345,19 +355,22 @@ export class PaymentPage {
                                       );
                                     })}"
                                   >
-                                    ${(data.sale_price !== data.variant_sale_price) ? `
-                                    <span class="text-decoration-line-through"
-                                      >$${parseInt((data.variant_sale_price * data.count) as any, 10).toLocaleString()}</span
-                                    >
-                                     <span class="text-danger"
-                                      >$${parseInt((data.sale_price * data.count) as any, 10).toLocaleString()}</span
-                                    >
-                                    `:`
-                                    <span
-                                      >$${parseInt((data.sale_price * data.count) as any, 10).toLocaleString()}</span
-                                    >
-                                    `}
-                                    
+                                    ${(() => {
+                                      function formatPrice(price: any) {
+                                        return `$${parseInt(`${price}`, 10).toLocaleString()}`;
+                                      }
+
+                                      if (data.variant_sale_price && data.sale_price !== data.variant_sale_price) {
+                                        return html`
+                                          <span class="text-decoration-line-through"
+                                            >${formatPrice(data.variant_sale_price * data.count)}</span
+                                          >
+                                          <span class="text-danger">${formatPrice(data.sale_price * data.count)}</span>
+                                        `;
+                                      }
+
+                                      return html` <span>${formatPrice(data.sale_price * data.count)}</span> `;
+                                    })()}
                                   </div>
                                 </div>
                               `;
@@ -2125,7 +2138,6 @@ export class PaymentPage {
         } else {
           PaymentPage.clearHistory();
           const glitter = gvc.glitter;
-          console.log(`res.response.order-data==>`, res.response.data);
           const invoice = res.response.data.invoice;
           if (
             res.response.data.invoice &&

package/lowcode/cms-plugin/pos-pages/pos-function.js

@@ -18,6 +18,7 @@ import { PaymentPage } from './payment-page.js';
 import { BgWidget } from '../../backend-manager/bg-widget.js';
 import { UmClass } from '../../public-components/user-manager/um-class.js';
 import { Language } from '../../glitter-base/global/language.js';
+import { Tool } from '../../modules/tool.js';
 const html = String.raw;
 const css = String.raw;
 const dialogStyle = `
@@ -999,7 +1000,11 @@ export class PosFunction {
                                         'guest',
                                 }).then((res) => __awaiter(this, void 0, void 0, function* () {
                                     if (res.result && res.response.data) {
-                                        vm.dataList = res.response.data.filter((item) => item.content.trigger === 'code');
+                                        vm.dataList = res.response.data.filter((item) => {
+                                            return (item.content.status === 1 &&
+                                                item.content.trigger === 'code' &&
+                                                Tool.isNowBetweenDates(item.content.start_ISO_Date, item.content.end_ISO_Date));
+                                        });
                                     }
                                     else {
                                         vm.dataList = [];

package/lowcode/cms-plugin/pos-pages/pos-function.ts

@@ -12,6 +12,7 @@ import { BgWidget } from '../../backend-manager/bg-widget.js';
 import { UmClass } from '../../public-components/user-manager/um-class.js';
 import { Voucher, VoucherContent } from '../../public-components/user-manager/um-voucher.js';
 import { Language } from '../../glitter-base/global/language.js';
+import { Tool } from '../../modules/tool.js';
 
 const html = String.raw;
 const css = String.raw;
@@ -1093,7 +1094,13 @@ export class PosFunction {
                       'guest',
                   }).then(async res => {
                     if (res.result && res.response.data) {
-                      vm.dataList = res.response.data.filter((item: Voucher) => item.content.trigger === 'code');
+                      vm.dataList = res.response.data.filter((item: Voucher) => {
+                        return (
+                          item.content.status === 1 &&
+                          item.content.trigger === 'code' &&
+                          Tool.isNowBetweenDates(item.content.start_ISO_Date, item.content.end_ISO_Date)
+                        );
+                      });
                     } else {
                       vm.dataList = [];
                     }

package/lowcode/cms-plugin/stock-history.js

@@ -1052,6 +1052,7 @@ export class StockHistory {
                                                             gvc: gvc,
                                                             default: dvm.variantIds,
                                                             with_variants: true,
+                                                            right_element_type: 'stock',
                                                             callback: (value) => __awaiter(this, void 0, void 0, function* () {
                                                                 dvm.variantIds = value;
                                                                 gvc.notifyDataChange(dvm.tableId);

package/lowcode/cms-plugin/stock-history.ts

@@ -1138,21 +1138,12 @@ export class StockHistory {
                                           gvc: gvc,
                                           default: dvm.variantIds,
                                           with_variants: true,
+                                          right_element_type: 'stock',
                                           callback: async value => {
                                             dvm.variantIds = value;
                                             gvc.notifyDataChange(dvm.tableId);
-                                            // alert(JSON.stringify(value))
                                           },
                                         });
-                                        // BgWidget.variantDialog({
-                                        //   gvc,
-                                        //   title: '搜尋商品',
-                                        //   default: dvm.variantIds,
-                                        //   callback: resultData => {
-                                        //     dvm.variantIds = resultData;
-                                        //     gvc.notifyDataChange(dvm.tableId);
-                                        //   },
-                                        // });
                                       })}"
                                     >
                                       <div>新增${typeData.name}商品</div>

package/lowcode/css/editor.css

@@ -590,12 +590,12 @@ h6 {
 
 .form-switch .form-check-input:checked {
   background-color: var(--main-black) !important;
-  box-shadow: 0 0.5rem 1.125rem -0.5rem var(--main-black);
+  box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.2);
 }
 
 .form-switch .form-check-input-success:checked {
   background-color: var(--item-success) !important;
-  box-shadow: 0 0.5rem 1.125rem -0.5rem var(--main-black);
+  box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.2);
 }
 
 .bt_border_editor {