@bagelink/vue 0.0.556 → 0.0.560

package/src/styles/mobilLayout.css

@@ -49,6 +49,10 @@
     .m_round-none {
         border-radius: 0 !important;
     }
+    
+    .m_oval{
+        border-radius: 100% ;
+    }
 
     .m_flex-center {
         justify-items: center;
@@ -1810,56 +1814,276 @@
         inset-inline-start: 0;
         inset-inline-end: 0;
     }
-
-    .m_inset-inline-start,
-    .m_start {
-        inset-inline-start: 0;
+    .m_inset-inline-start, .m_start{
+        inset-inline-start: 0 !important;
     }
-
-    .m_inset-inline-end,
-    .m_end {
-        inset-inline-end: 0;
+    
+    .m_start-1{
+        inset-inline-start: 1rem !important;
     }
-
-    .m_top,
-    .m_top-0 {
-        top: 0;
+    
+    .m_start-2{
+        inset-inline-start: 2rem !important;
     }
-
-    .m_top-1 {
-        top: 1rem;
+    
+    .m_start-3{
+        inset-inline-start: 3rem !important;
     }
-
-    .m_top-2 {
-        top: 2rem;
+    
+    .m_start-4{
+        inset-inline-start: 4rem !important;
     }
-
-    .m_top-3 {
-        top: 3rem;
+    
+    .m_start-5{
+        inset-inline-start: 5rem !important;
     }
-
-    .m_top-4 {
-        top: 4rem;
+    
+    .m_start-6{
+        inset-inline-start: 6rem !important;
     }
-
-    .m_bottom,
-    .m_bottom-0 {
-        bottom: 0;
+    
+    .m_start-7{
+        inset-inline-start: 7rem !important;
     }
-
-    .m_bottom-1 {
-        bottom: 1rem;
+    
+    .m_start-8{
+        inset-inline-start: 8rem !important;
     }
-
-    .m_bottom-2 {
-        bottom: 2rem;
+    
+    .m_-start-1{
+        inset-inline-start: -1rem !important;
     }
-
-    .m_bottom-3 {
-        bottom: 3rem;
+    
+    .m_-start-2{
+        inset-inline-start: -2rem !important;
     }
-
-    .m_bottom-4 {
-        bottom: 4rem;
+    
+    .m_-start-3{
+        inset-inline-start: -3rem !important;
+    }
+    
+    .m_-start-4{
+        inset-inline-start: -4rem !important;
+    }
+    
+    .m_-start-5{
+        inset-inline-start: -5rem !important;
+    }
+    
+    .m_-start-6{
+        inset-inline-start: -6rem !important;
+    }
+    
+    .m_-start-7{
+        inset-inline-start: -7rem !important;
+    }
+    
+    .m_-start-8{
+        inset-inline-start: -8rem !important;
+    }
+    
+    .m_inset-inline-end, .m_end{
+        inset-inline-end: 0 !important;
+    }
+    
+    .m_end-1{
+        inset-inline-end: 1rem !important;
+    }
+    
+    .m_end-2{
+        inset-inline-end: 2rem !important;
+    }
+    
+    .m_end-3{
+        inset-inline-end: 3rem !important;
+    }
+    
+    .m_end-4{
+        inset-inline-end: 4rem !important;
+    }
+    
+    .m_end-5{
+        inset-inline-end: 5rem !important;
+    }
+    
+    .m_end-6{
+        inset-inline-end: 6rem !important;
+    }
+    
+    .m_end-7{
+        inset-inline-end: 7rem !important;
+    }
+    
+    .m_end-8{
+        inset-inline-end: 8rem !important;
+    }
+    
+    .m_-end-1{
+        inset-inline-end: -1rem !important;
+    }
+    
+    .m_-end-2{
+        inset-inline-end: -2rem !important;
+    }
+    
+    .m_-end-3{
+        inset-inline-end: -3rem !important;
+    }
+    
+    .m_-end-4{
+        inset-inline-end: -4rem !important;
+    }
+    
+    .m_-end-5{
+        inset-inline-end: -5rem !important;
+    }
+    
+    .m_-end-6{
+        inset-inline-end: -6rem !important;
     }
+    
+    .m_-end-7{
+        inset-inline-end: -7rem !important;
+    }
+    
+    .m_-end-8{
+        inset-inline-end: -8rem !important;
+    }
+    
+    .m_top, .m_top-0{
+        top: 0 !important;
+    }
+    
+    .m_top-1{
+        top: 1rem !important;
+    }
+    
+    .m_top-2{
+        top: 2rem !important;
+    }
+    
+    .m_top-3{
+        top: 3rem !important;
+    }
+    
+    .m_top-4{
+        top: 4rem !important;
+    }
+    
+    .m_top-5{
+        top: 5rem !important;
+    }
+    
+    .m_top-6{
+        top: 6rem !important;
+    }
+    
+    .m_top-7{
+        top: 7rem !important;
+    }
+    
+    .m_top-8{
+        top: 8rem !important;
+    }
+    
+    .m_-top-1{
+        top: -1rem !important;
+    }
+    
+    .m_-top-2{
+        top: -2rem !important;
+    }
+    
+    .m_-top-3{
+        top: -3rem !important;
+    }
+    
+    .m_-top-4{
+        top: -4rem !important;
+    }
+    
+    .m_-top-5{
+        top: -5rem !important;
+    }
+    
+    .m_-top-6{
+        top: -6rem !important;
+    }
+    
+    .m_-top-7{
+        top: -7rem !important;
+    }
+    
+    .m_-top-8{
+        top: -8rem !important;
+    }
+    
+    .m_bottom, .m_bottom-0{
+        bottom: 0 !important;
+    }
+    
+    .m_bottom-1{
+        bottom: 1rem !important;
+    }
+    
+    .m_bottom-2{
+        bottom: 2rem !important;
+    }
+    
+    .m_bottom-3{
+        bottom: 3rem !important;
+    }
+    
+    .m_bottom-4{
+        bottom: 4rem !important;
+    }
+    
+    .m_bottom-5{
+        bottom: 5rem !important;
+    }
+    
+    .m_bottom-6{
+        bottom: 6rem !important;
+    }
+    
+    .m_bottom-7{
+        bottom: 7rem !important;
+    }
+    
+    .m_bottom-8{
+        bottom: 8rem !important;
+    }
+    
+    .m_-bottom-1{
+        bottom: -1rem !important;
+    }
+    
+    .m_-bottom-2{
+        bottom: -2rem !important;
+    }
+    
+    .m_-bottom-3{
+        bottom: -3rem !important;
+    }
+    
+    .m_-bottom-4{
+        bottom: -4rem !important;
+    }
+    
+    .m_-bottom-5{
+        bottom: -5rem !important;
+    }
+    
+    .m_-bottom-6{
+        bottom: -6rem !important;
+    }
+    
+    .m_-bottom-7{
+        bottom: -7rem !important;
+    }
+    
+    .m_-bottom-8{
+        bottom: -8rem !important;
+    }
+    
 }

package/src/utils/index.ts

@@ -42,6 +42,7 @@ export function bindAttrs<T = Record<string, any>>(attrs?: Attributes, fieldVal?
 		key,
 		typeof value === 'function' ? value(fieldVal, row) : value,
 	])
+
 	const resolvedAttrs = Object.fromEntries(arr)
 	return resolvedAttrs
 }