@bagelink/vue 1.4.139 → 1.4.145

package/src/styles/mobilLayout.css

@@ -19,6 +19,11 @@
         display: flex !important;
     }
 
+    .m_contents,
+    .m_display-contents {
+        display: contents !important;
+    }
+
     .inline-flex {
         display: inline-flex !important;
     }
@@ -2682,11 +2687,18 @@
         gap: 20rem;
     }
 
+    .m_gap-1-25 {
+        gap: 1.25rem;
+    }
 
     .m_gap-1-5 {
         gap: 1.5rem;
     }
 
+    .m_gap-1-75 {
+        gap: 1.75rem;
+    }
+
     .m_gap-2-5 {
         gap: 2.5rem;
     }
@@ -2789,11 +2801,21 @@
         column-gap: 10rem;
     }
 
+    .m_gap-col-1-25,
+    .col-gap-1-25 {
+        column-gap: 1.25rem;
+    }
+
     .m_gap-col-1-5,
     .col-gap-1-5 {
         column-gap: 1.5rem;
     }
 
+    .m_gap-col-1-75,
+    .col-gap-1-75 {
+        column-gap: 1.75rem;
+    }
+
     .m_gap-col-2-5,
     .col-gap-2-5 {
         column-gap: 2.5rem;
@@ -2904,11 +2926,21 @@
         row-gap: 10rem;
     }
 
+    .m_gap-row-1-25,
+    .row-gap-1-25 {
+        row-gap: 1.25rem;
+    }
+
     .m_gap-row-1-5,
     .row-gap-1-5 {
         row-gap: 1.5rem;
     }
 
+    .m_gap-row-1-75,
+    .row-gap-1-75 {
+        row-gap: 1.75rem;
+    }
+
     .m_gap-row-2-5,
     .row-gap-2-5 {
         row-gap: 2.5rem;
@@ -3052,10 +3084,18 @@
         margin-bottom: 1rem !important;
     }
 
+    .m_mb-1-25 {
+        margin-bottom: 1.25rem !important;
+    }
+
     .m_mb-1-5 {
         margin-bottom: 1.5rem !important;
     }
 
+    .m_mb-1-75 {
+        margin-bottom: 1.75rem !important;
+    }
+
     .m_mb-2-5 {
         margin-bottom: 2.5rem !important;
     }
@@ -3193,10 +3233,18 @@
         margin-top: 1rem !important;
     }
 
+    .m_mt-1-25 {
+        margin-top: 1.25rem !important;
+    }
+
     .m_mt-1-5 {
         margin-top: 1.5rem !important;
     }
 
+    .m_mt-1-75 {
+        margin-top: 1.75rem !important;
+    }
+
     .m_mt-2-5 {
         margin-top: 2.5rem !important;
     }
@@ -3341,11 +3389,21 @@
         margin-bottom: 1rem !important;
     }
 
+    .m_my-1-25 {
+        margin-top: 1.25rem !important;
+        margin-bottom: 1.25rem !important;
+    }
+
     .m_my-1-5 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important;
     }
 
+    .m_my-1-75 {
+        margin-top: 1.75rem !important;
+        margin-bottom: 1.75rem !important;
+    }
+
     .m_my-2-5 {
         margin-top: 2.5rem !important;
         margin-bottom: 2.5rem !important;
@@ -3461,10 +3519,18 @@
         margin-inline-start: 1rem !important;
     }
 
+    .m_ms-1-25 {
+        margin-inline-start: 1.25rem !important;
+    }
+
     .m_ms-1-5 {
         margin-inline-start: 1.5rem !important;
     }
 
+    .m_ms-1-75 {
+        margin-inline-start: 1.75rem !important;
+    }
+
     .m_ms-2-5 {
         margin-inline-start: 2.5rem !important;
     }
@@ -3562,10 +3628,18 @@
         margin-inline-end: 1rem !important;
     }
 
+    .m_me-1-25 {
+        margin-inline-end: 1.25rem !important;
+    }
+
     .m_me-1-5 {
         margin-inline-end: 1.5rem !important;
     }
 
+    .m_me-1-75 {
+        margin-inline-end: 1.75rem !important;
+    }
+
     .m_me-2-5 {
         margin-inline-end: 2.5rem !important;
     }
@@ -3669,11 +3743,21 @@
         margin-inline-end: 1rem !important;
     }
 
+    .m_mx-1-25 {
+        margin-inline-start: 1.25rem !important;
+        margin-inline-end: 1.25rem !important;
+    }
+
     .m_mx-1-5 {
         margin-inline-start: 1.5rem !important;
         margin-inline-end: 1.5rem !important;
     }
 
+    .m_mx-1-75 {
+        margin-inline-start: 1.75rem !important;
+        margin-inline-end: 1.75rem !important;
+    }
+
     .m_mx-2-5 {
         margin-inline-start: 2.5rem !important;
         margin-inline-end: 2.5rem !important;
@@ -3788,10 +3872,18 @@
         margin: 1rem !important;
     }
 
+    .m_m-1-25 {
+        margin: 1.25rem !important;
+    }
+
     .m_m-1-5 {
         margin: 1.5rem !important;
     }
 
+    .m_m-1-75 {
+        margin: 1.75rem !important;
+    }
+
     .m_m-2-5 {
         margin: 2.5rem !important;
     }
@@ -3884,11 +3976,21 @@
         margin-bottom: -1rem !important;
     }
 
+    .m_-mb-1-25,
+    .m_mb--1-25 {
+        margin-bottom: -1.25rem !important;
+    }
+
     .m_-mb-1-5,
     .m_mb--1-5 {
         margin-bottom: -1.5rem !important;
     }
 
+    .m_-mb-1-75,
+    .m_mb--1-75 {
+        margin-bottom: -1.75rem !important;
+    }
+
     .m_-mb-2-5,
     .m_mb--2-5 {
         margin-bottom: -2.5rem !important;
@@ -4049,11 +4151,21 @@
         margin-top: -1rem !important;
     }
 
+    .m_-mt-1-25,
+    .m_mt--1-25 {
+        margin-top: -1.25rem !important;
+    }
+
     .m_-mt-1-5,
     .m_mt--1-5 {
         margin-top: -1.5rem !important;
     }
 
+    .m_-mt-1-75,
+    .m_mt--1-75 {
+        margin-top: -1.75rem !important;
+    }
+
     .m_-mt-2-5,
     .m_mt--2-5 {
         margin-top: -2.5rem !important;
@@ -4215,11 +4327,21 @@
         margin-bottom: -1rem !important;
     }
 
+    .m_-my-1-25 {
+        margin-top: -1.25rem !important;
+        margin-bottom: -1.25rem !important;
+    }
+
     .m_-my-1-5 {
         margin-top: -1.5rem !important;
         margin-bottom: -1.5rem !important;
     }
 
+    .m_-my-1-75 {
+        margin-top: -1.75rem !important;
+        margin-bottom: -1.75rem !important;
+    }
+
     .m_-my-2-5 {
         margin-top: -2.5rem !important;
         margin-bottom: -2.5rem !important;
@@ -4330,11 +4452,21 @@
         margin-inline-start: -1rem !important;
     }
 
+    .m_-ms-1-25,
+    .m_ms--1-25 {
+        margin-inline-start: -1.25rem !important;
+    }
+
     .m_-ms-1-5,
     .m_ms--1-5 {
         margin-inline-start: -1.5rem !important;
     }
 
+    .m_-ms-1-75,
+    .m_ms--1-75 {
+        margin-inline-start: -1.75rem !important;
+    }
+
     .m_-ms-2-5,
     .m_ms--2-5 {
         margin-inline-start: -2.5rem !important;
@@ -4446,11 +4578,21 @@
         margin-inline-end: -1rem !important;
     }
 
+    .m_-me-1-25,
+    .m_me--1-25 {
+        margin-inline-end: -1.25rem !important;
+    }
+
     .m_-me-1-5,
     .m_me--1-5 {
         margin-inline-end: -1.5rem !important;
     }
 
+    .m_-me-1-75,
+    .m_me--1-75 {
+        margin-inline-end: -1.75rem !important;
+    }
+
     .m_-me-2-5,
     .m_me--2-5 {
         margin-inline-end: -2.5rem !important;
@@ -4554,10 +4696,18 @@
         padding-bottom: 1rem !important;
     }
 
+    .m_pb-1-25 {
+        padding-bottom: 1.25rem !important;
+    }
+
     .m_pb-1-5 {
         padding-bottom: 1.5rem !important;
     }
 
+    .m_pb-1-75 {
+        padding-bottom: 1.75rem !important;
+    }
+
     .m_pb-2-5 {
         padding-bottom: 2.5rem !important;
     }
@@ -4650,10 +4800,18 @@
         padding-top: 1rem !important;
     }
 
+    .m_pt-1-25 {
+        padding-top: 1.25rem !important;
+    }
+
     .m_pt-1-5 {
         padding-top: 1.5rem !important;
     }
 
+    .m_pt-1-75 {
+        padding-top: 1.75rem !important;
+    }
+
     .m_pt-2-5 {
         padding-top: 2.5rem !important;
     }
@@ -4747,10 +4905,18 @@
         padding-inline-start: 1rem !important;
     }
 
+    .m_ps-1-25 {
+        padding-inline-start: 1.25rem !important;
+    }
+
     .m_ps-1-5 {
         padding-inline-start: 1.5rem !important;
     }
 
+    .m_ps-1-75 {
+        padding-inline-start: 1.75rem !important;
+    }
+
     .m_ps-2-5 {
         padding-inline-start: 2.5rem !important;
     }
@@ -4843,10 +5009,18 @@
         padding-inline-end: 1rem !important;
     }
 
+    .m_pe-1-25 {
+        padding-inline-end: 1.25rem !important;
+    }
+
     .m_pe-1-5 {
         padding-inline-end: 1.5rem !important;
     }
 
+    .m_pe-1-75 {
+        padding-inline-end: 1.75rem !important;
+    }
+
     .m_pe-2-5 {
         padding-inline-end: 2.5rem !important;
     }
@@ -4942,11 +5116,21 @@
         padding-inline-start: 1rem !important;
     }
 
+    .m_px-1-25 {
+        padding-inline-start: 1.25rem !important;
+        padding-inline-end: 1.25rem !important;
+    }
+
     .m_px-1-5 {
         padding-inline-start: 1.5rem !important;
         padding-inline-end: 1.5rem !important;
     }
 
+    .m_px-1-75 {
+        padding-inline-start: 1.75rem !important;
+        padding-inline-end: 1.75rem !important;
+    }
+
     .m_px-2-5 {
         padding-inline-start: 2.5rem !important;
         padding-inline-end: 2.5rem !important;
@@ -5062,11 +5246,21 @@
         padding-bottom: 1rem !important;
     }
 
+    .m_py-1-25 {
+        padding-top: 1.25rem !important;
+        padding-bottom: 1.25rem !important;
+    }
+
     .m_py-1-5 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important;
     }
 
+    .m_py-1-75 {
+        padding-top: 1.75rem !important;
+        padding-bottom: 1.75rem !important;
+    }
+
     .m_py-2-5 {
         padding-top: 2.5rem !important;
         padding-bottom: 2.5rem !important;
@@ -5180,10 +5374,18 @@
         padding: 1rem !important;
     }
 
+    .m_p-1-25 {
+        padding: 1.25rem !important;
+    }
+
     .m_p-1-5 {
         padding: 1.5rem !important;
     }
 
+    .m_p-1-75 {
+        padding: 1.75rem !important;
+    }
+
     .m_p-2-5 {
         padding: 2.5rem !important;
     }
@@ -5864,10 +6066,18 @@
         inset-inline-start: 1rem !important;
     }
 
+    .m_start-1-25 {
+        inset-inline-start: 1.25rem !important;
+    }
+
     .m_start-1-5 {
         inset-inline-start: 1.5rem !important;
     }
 
+    .m_start-1-75 {
+        inset-inline-start: 1.75rem !important;
+    }
+
     .m_start-2 {
         inset-inline-start: 2rem !important;
     }
@@ -5952,10 +6162,18 @@
         inset-inline-start: -1rem !important;
     }
 
+    .m_-start-1-25 {
+        inset-inline-start: -1.25rem !important;
+    }
+
     .m_-start-1-5 {
         inset-inline-start: -1.5rem !important;
     }
 
+    .m_-start-1-75 {
+        inset-inline-start: -1.75rem !important;
+    }
+
     .m_-start-2 {
         inset-inline-start: -2rem !important;
     }
@@ -6050,10 +6268,18 @@
         inset-inline-end: 1rem !important;
     }
 
+    .m_end-1-25 {
+        inset-inline-end: 1.25rem !important;
+    }
+
     .m_end-1-5 {
         inset-inline-end: 1.5rem !important;
     }
 
+    .m_end-1-75 {
+        inset-inline-end: 1.75rem !important;
+    }
+
     .m_end-2 {
         inset-inline-end: 2rem !important;
     }
@@ -6138,10 +6364,18 @@
         inset-inline-end: -1rem !important;
     }
 
+    .m_-end-1-25 {
+        inset-inline-end: -1.25rem !important;
+    }
+
     .m_-end-1-5 {
         inset-inline-end: -1.5rem !important;
     }
 
+    .m_-end-1-75 {
+        inset-inline-end: -1.75rem !important;
+    }
+
     .m_-end-2 {
         inset-inline-end: -2rem !important;
     }
@@ -6235,10 +6469,18 @@
         top: 1rem !important;
     }
 
+    .m_top-1-25 {
+        top: 1.25rem !important;
+    }
+
     .m_top-1-5 {
         top: 1.5rem !important;
     }
 
+    .m_top-1-75 {
+        top: 1.75rem !important;
+    }
+
     .m_top-2 {
         top: 2rem !important;
     }
@@ -6323,10 +6565,18 @@
         top: -1rem !important;
     }
 
+    .m_-top-1-25 {
+        top: -1.25rem !important;
+    }
+
     .m_-top-1-5 {
         top: -1.5rem !important;
     }
 
+    .m_-top-1-75 {
+        top: -1.75rem !important;
+    }
+
     .m_-top-2 {
         top: -2rem !important;
     }
@@ -6424,10 +6674,18 @@
         bottom: 1rem !important;
     }
 
+    .m_bottom-1-25 {
+        bottom: 1.25rem !important;
+    }
+
     .m_bottom-1-5 {
         bottom: 1.5rem !important;
     }
 
+    .m_bottom-1-75 {
+        bottom: 1.75rem !important;
+    }
+
     .m_bottom-2 {
         bottom: 2rem !important;
     }
@@ -6512,10 +6770,18 @@
         bottom: -1rem !important;
     }
 
+    .m_-bottom-1-25 {
+        bottom: -1.25rem !important;
+    }
+
     .m_-bottom-1-5 {
         bottom: -1.5rem !important;
     }
 
+    .m_-bottom-1-75 {
+        bottom: -1.75rem !important;
+    }
+
     .m_-bottom-2 {
         bottom: -2rem !important;
     }

package/src/styles/modal.css

@@ -1,9 +1,6 @@
 .bg-dark {
     position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
+    inset: 0;
     background-color: var(--bgl-dark-bg);
     pointer-events: none;
     opacity: 0;
@@ -24,8 +21,6 @@
 .modal {
     width: 96%;
     max-width: 720px;
-    /* transform: scale(0.5); */
-    /* opacity: 0; */
     transition: all ease-in-out 0.18s;
     margin-left: auto;
     margin-right: auto;
@@ -54,16 +49,7 @@
 }
 
 .tool-bar {
-    margin: -1rem -1rem 1rem;
-    display: flex;
-    justify-content: space-between;
-    position: -webkit-sticky;
-    position: sticky;
-    padding-top: 0rem;
-    top: 0rem;
-    z-index: 3;
     background: var(--bgl-popup-bg);
-    /* border-radius: var(--card-border-radius); */
 }
 
 .modal-size {
@@ -120,11 +106,11 @@ body:has(.bg-dark.is-active) {
 }
 
 @media screen and (max-width: 910px) {
-    .tool-bar {
+    /* .tool-bar {
         margin: -1rem 0rem 1rem;
         padding-bottom: 1rem;
         align-items: center;
-    }
+    } */
 
     .is-active.is-side .modal {
         margin-inline-end: 2%;