@ozdao/prometheus-framework 0.1.99 → 0.2.0

package/src/modules/community/components/sections/JoinUs.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="container container-joinus">
         <div class="content">
-            <span class="h0 mn-big">{{ userCount.toLocaleString() }}</span> <!-- используйте toLocaleString для форматирования числа -->
-            <p class="w-m-33r t-center mn-small p-big">Together, we're shaping the future of the globals cannabis community.</p>
+            <span class="h0 mn-b-big">{{ userCount.toLocaleString() }}</span> <!-- используйте toLocaleString для форматирования числа -->
+            <p class="w-m-33r t-center mn-b-small p-big">Together, we're shaping the future of the globals cannabis community.</p>
             <button class="bg-black t-white button">Join Now</button>
         </div>
     </div>

package/src/modules/community/components/sections/SubscribeNewsletter.vue

@@ -1,12 +1,12 @@
 <template>
   <section class="pd-thin">
     <div class="o-hidden t-black bg-main pd-big radius-big">
-      <header class="t-center z-index-1 mn-big">
-        <h2 class="mn-l-auto mn-r-auto  w-m-40r mn-medium">Stay Updated with The Latest in Cannabis.</h2>
+      <header class="t-center z-index-1 mn-b-big">
+        <h2 class="mn-l-auto mn-r-auto  w-m-40r mn-b-medium">Stay Updated with The Latest in Cannabis.</h2>
         <p class="t-transp p-big">Subscribe to our newsletter for news, insights, and more from the Weeder universe.</p>
       </header>
 
-      <div class="z-index-1 mn-big w-100 flex-nowrap flex"> 
+      <div class="z-index-1 mn-b-big w-100 flex-nowrap flex"> 
 
           <!-- v-model:field="store.applications.state.form.data.email"  -->
         <FieldBig 

package/src/modules/constructor/components/elements/Audio.vue

@@ -1,6 +1,6 @@
 <template>
   <div 
-    class="mn-thin w-100 pd-medium bg-white radius-medium">
+    class="mn-b-thin w-100 pd-medium bg-white radius-medium">
     
     <div 
       v-if="prop.content" 
@@ -24,7 +24,7 @@
           br-black-transp-10
           pd-medium
           radius-small
-          mn-thin
+          mn-b-thin
         "
       />
       <button 

package/src/modules/constructor/components/elements/Bullets.vue

@@ -8,7 +8,7 @@
     @focus="emit('focus', textarea)"
     ref="textarea" 
     tabindex="-1"
-    class="text-area mn-small">    
+    class="text-area mn-b-small">    
   </textarea>
 </div>
 </template>

package/src/modules/constructor/components/elements/Caption.vue

@@ -7,7 +7,7 @@
     @focus="emit('focus', textarea)"
     ref="textarea" 
     tabindex="-1"
-    class="br-l br-solid br-main pd-l-small text-area mn-small">    
+    class="br-l br-solid br-main pd-l-small text-area mn-b-small">    
   </textarea>
 </div>
 </template>

package/src/modules/constructor/components/elements/Embed.vue

@@ -1,6 +1,6 @@
 <template>
   <div 
-    class="mn-thin w-100 pd-medium bg-white radius-medium">
+    class="mn-b-thin w-100 pd-medium bg-white radius-medium">
     
     <div 
       v-if="prop.content" 
@@ -23,7 +23,7 @@
           br-black-transp-10
           pd-medium
           radius-small
-          mn-thin
+          mn-b-thin
         "
       />
       <div class="flex-v-center flex-nowrap flex gap-small">

package/src/modules/constructor/components/elements/H2.vue

@@ -8,7 +8,7 @@
       @keyup="handleKeyUp"
       ref="textarea" 
       tabindex="-1"
-      class="h3 text-area mn-thin">    
+      class="h3 text-area mn-b-thin">    
     </textarea>
   </div>
 </template>

package/src/modules/constructor/components/elements/Image.vue

@@ -1,15 +1,29 @@
 <template>
   <div 
-    class="w-100 bg-white radius-big image-upload-area flex-v-center flex-h-center flex t-black mn-small">
-    <img v-if="prop.content" :src="(FILE_SERVER_URL || '') + prop.content" alt="Uploaded image" class="w-100 h-30r object-fit-contain"/>
+    v-if="prop.content" 
+    class="o-hidden radius-big pos-relative bg-grey mn-b-small w-100"
+  >
+    <img 
+      :src="(FILE_SERVER_URL || '') + prop.content" 
+      alt="Event image" 
+      class="pos-relative z-index-1 d-block mn-auto w-100 object-fit-contain"
+      style="max-height: 40rem"
+    />
+
+    <img 
+      :src="(FILE_SERVER_URL || '') + prop.content" 
+      alt="Event Background" 
+      class="z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0"
+      style="
+        transform: scale(1.5);
+        filter: blur(2rem);
+        -webkit-filter: blur(2rem);"
+    />
   </div>
 </template>
 
 <script setup>
 import { ref } from 'vue';
-import axios from 'axios';
-
-const imageUrl = ref(null);
 
 const props = defineProps([
   'label',

package/src/modules/constructor/components/elements/ImageUpload.vue

@@ -3,7 +3,7 @@
     @click="onComponentClick"
     @drop="onDrop"
     @dragover.prevent
-    class="w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-small">
+    class="w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small">
     <img v-if="prop.content" :src="(FILE_SERVER_URL || '') + prop.content" alt="Uploaded image" class="w-100 h-30r object-fit-contain"/>
     <span v-else class="t-transp pd-extra" >Click or drag-and-drop your image</span>
     <input type="file" ref="fileInput" tabindex="-1" @change="onFileChange" style="display: none"/>

package/src/modules/constructor/components/elements/Textarea.vue

@@ -8,7 +8,7 @@
       @keyup="handleKeyUp"
       ref="textarea" 
       tabindex="-1"
-      class="text-area mn-thin">    
+      class="text-area mn-b-thin">    
     </textarea>
   </div>
 </template>

package/src/modules/constructor/components/sections/Constructor.vue

@@ -42,24 +42,24 @@ a<template>
           >
             <button 
               @click="showMenu = !showMenu" 
-              class="mn-small cursor-pointer w-100 i-semi bg-white radius-thin"
+              class="mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin"
             >
               {{ block.content ? '...' : '+' }}
             </button>
             
             <div 
               v-if="showMenu" 
-              class="z-index-5 radius-thin pd-thin bg-white w-max mn-small flex-nowrap flex-column flex"
+              class="z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex"
             >
               <span 
                 @click="handleDeleteBlock(block)" 
-                class="mn-thin w-max t-red bg-white button-small button"
+                class="mn-b-thin w-max t-red bg-white button-small button"
               >
                 Remove
               </span>
               <span 
                 @click="handleAddBlock('ImageUpload', '', index)" 
-                class="mn-thin w-max t-black bg-white button-small button"
+                class="mn-b-thin w-max t-black bg-white button-small button"
               >
                 Add Image
               </span>

package/src/modules/events/components/blocks/CardEvent.vue

@@ -8,7 +8,7 @@
   
     <CardHeader 
 	    :class="{
-	    	'mn-small pd-medium': type !== 'short',
+	    	'mn-b-small pd-medium': type !== 'short',
 	    	'flex-child-order-last flex-child mn-l-small': type === 'short',
 	    }"
 	    :entity="event"
@@ -24,7 +24,7 @@
 
  		<div 
  			v-if="event.cover && type !== 'short'" 
- 			class="o-hidden pos-relative bg-grey mn-small w-100"
+ 			class="o-hidden pos-relative bg-grey mn-b-small w-100"
  		>
 	    <img 
 	    	:src="(FILE_SERVER_URL || '') + event.cover" 
@@ -60,7 +60,7 @@
 			/>
 
     	<div
-    		:class="{'mn-small': type !== 'short'}"
+    		:class="{'mn-b-small': type !== 'short'}"
     		class="flex-v-center flex-nowrap flex"
     		>
 					<div 
@@ -87,7 +87,7 @@
 			    </span>
 			</div>
 
-      <div v-if="type !== 'short'" class="cursor-pointer mn-thin flex-nowrap flex w-100">
+      <div v-if="type !== 'short'" class="cursor-pointer mn-b-thin flex-nowrap flex w-100">
 
 				<h3 
 	      	v-if="type !== 'short'" 
@@ -104,7 +104,7 @@
 
     	<p 
     		v-if="type !== 'short'" 
-    		class="mn-small p-big"
+    		class="mn-b-small p-big"
     	>
     		{{ event.description }}
     	</p>

package/src/modules/events/components/layouts/layoutEvents.vue

@@ -6,7 +6,7 @@
       :locale="$i18n.locale"
       class="radius-small bg-grey pd-l-zero pd-r-zero pd-medium"
     />
-    <div class="mn-thin br-solid br-1px br-grey bg-grey radius-big">
+    <div class="mn-b-thin br-solid br-1px br-grey bg-grey radius-big">
 
      <!--  <section class="radius-bl-big radius-br-big pd-medium bg-black t-white">
         <ul class="flex-nowrap flex">

package/src/modules/events/components/pages/EditEvent.vue

@@ -1,10 +1,10 @@
 <template>
   <article v-if="event" class="h-100 pd-thin">
-  	<div class="mn-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex">
+  	<div class="mn-b-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex">
      	<UploadImage 
         v-model:photo="event.cover"
         :uploadPath="'users/' +  auth.state.user._id + '/events'"
-        class="h-4r w-4r aspect-1x1 o-hidden mn-thin radius-extra" 
+        class="h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra" 
       />
       <h4>Upload Event Cover</h4>
     </div>
@@ -12,20 +12,20 @@
   	<Field 
       v-model:field="event.name" 
       placeholder="Event name" 
-      class="mn-thin w-100 bg-grey pd-medium radius-small" 
+      class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
     />
     <Field 
       v-model:field="event.description" 
       type="textfield"  
       placeholder="Enter short description" 
-      class="mn-semi w-100 bg-grey pd-medium radius-small" 
+      class="mn-b-semi w-100 bg-grey pd-medium radius-small" 
     />
 
-		<h3 class="mn-small">Date</h3>
-    <VueDatePicker v-model="date" :alt-position="customPosition" range class="mn-semi" />
+		<h3 class="mn-b-small">Date</h3>
+    <VueDatePicker v-model="date" :alt-position="customPosition" range class="mn-b-semi" />
 
 
-    <h3 class="mn-small">Description</h3>
+    <h3 class="mn-b-small">Description</h3>
 		<section v-if="event" class="pd-b-extra w-100 bg-grey pd-big radius-big">
       <Constructor 
         :content="event.content"
@@ -47,14 +47,14 @@
       :isPopupOpen="isPublicationPopup"
       class="w-m-33r t-left pd-big bg-white radius-big"
     >
-      <h3 class="mn-small">Final Touches</h3>
+      <h3 class="mn-b-small">Final Touches</h3>
       
       <BlockTags
         @tags-changed="newTags => event.tags = newTags"
         :tags="event.tags"
       />
 
-      <h5 class="mn-thin">Add to public:</h5>
+      <h5 class="mn-b-thin">Add to public:</h5>
       <SelectMulti
         v-model="selectedOrganization"
         :options="publics"
@@ -63,10 +63,10 @@
         placeholder="Type to search or add tag"
         label="name"
         track-by="_id"
-        class="mn-medium bg-grey radius-medium pd-small"
+        class="mn-b-medium bg-grey radius-medium pd-small"
       />
-      <h5 v-if="selectedOrganization" class="mn-thin">Options:</h5>
-      <div v-if="selectedOrganization" class="mn-medium br-grey br-2px br-solid pd-small radius-big">
+      <h5 v-if="selectedOrganization" class="mn-b-thin">Options:</h5>
+      <div v-if="selectedOrganization" class="mn-b-medium br-grey br-2px br-solid pd-small radius-big">
         <Checkbox 
           :label="'Hide Author'"
           :radio="event.creator.hidden"

package/src/modules/events/components/pages/Event.vue

@@ -14,7 +14,7 @@
         v-if="!isLoading && !event"
         title="No Event Found"
         description="Currently, there are no events available. Please check back later."
-        class="pd-medium mn-thin bg-grey radius-big"
+        class="pd-medium mn-b-thin bg-grey radius-big"
       />
     </transition>
 
@@ -27,7 +27,7 @@
 	        :owner="event.owner" 
 	        :user="auth.state.user._id"
 	        :type="'normal'"
-	        class="mn-medium bg-grey radius-big"
+	        class="mn-b-medium bg-grey radius-big"
 	      >
           <ButtonJoin 
             v-if="auth.state.user._id"
@@ -35,7 +35,7 @@
             :hasTicket="event.hasTicket" 
             :targetId="event._id" 
             :userId="auth.state.user._id"
-            class="mn-small w-100 pd-medium mn-auto"
+            class="mn-b-small w-100 pd-medium mn-auto"
             @updateTicket="handleTicketUpdate"
           />
 
@@ -51,7 +51,7 @@
               :class="block.class"
               content="content"
               v-bind="getBlockProps(block)"
-              class="mn-regular"
+              class="mn-b-regular"
             />
           </section>
 

package/src/modules/events/components/pages/Events.vue

@@ -2,7 +2,7 @@
   <section>
     <!-- <List
       :user="auth.state.user._id"
-      class="bg-grey mn-thin radius-big"
+      class="bg-grey mn-b-thin radius-big"
       :phase="'week'"
     /> -->
     

package/src/modules/events/components/sections/Feed.vue

@@ -14,7 +14,7 @@
         v-if="!isLoading && eventsList.length < 1"
         title="No Events Found"
         description="Currently, there are no events available. Please check back later."
-        class="pd-medium mn-thin bg-grey radius-big"
+        class="pd-medium mn-b-thin bg-grey radius-big"
       />
     </transition>
 
@@ -28,7 +28,7 @@
         :event="event" 
         :user="user" 
         :type="'normal'"
-        class="bg-grey radius-big mn-medium"
+        class="bg-grey radius-big mn-b-medium"
         :class="{
           'br-b br-solid br-black-transp-10': index !== eventsList.length - 1
         }"

package/src/modules/events/components/sections/List.vue

@@ -20,7 +20,7 @@
         v-if="!isLoading && eventsList.length < 1"
         title="No Events Today"
         description="Today, are no events available. Please check back later."
-        class="pd-medium mn-thin bg-grey radius-big"
+        class="pd-medium mn-b-thin bg-grey radius-big"
       />
     </transition>
 

package/src/modules/gallery/components/sections/BackofficeGallery.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="pos-relative w-100">
-    <div class="mn-semi flex-v-center flex-nowrap flex">
+    <div class="mn-b-semi flex-v-center flex-nowrap flex">
       <h1 class="mn-r-small">Manage Gallery</h1>
       <button  v-if="isEditablePath" @click="openModal(null)" class="t-white t-black bg-second i-big radius-extra">+</button>
     </div>
@@ -21,15 +21,15 @@
             @click="openModal(item.image)"
           />
           <div class="radius-small bg-white" v-else>
-            <img :src="'https://thecommunephuket.com/photos/' + item.cover" class="w-100 radius-small mn-small h-10r object-fit-cover " @click="openModal(item)" />
+            <img :src="'https://thecommunephuket.com/photos/' + item.cover" class="w-100 radius-small mn-b-small h-10r object-fit-cover " @click="openModal(item)" />
             
-            <p class="t-black p-small mn-thin">
+            <p class="t-black p-small mn-b-thin">
               <span class="uppercase t-transp ">Size</span>
               <br>
               <span class="pd-2px radius-big d-inline-block bg-grey">{{item.size.name}}</span>
             </p>
 
-            <p class="t-black p-small mn-small uppe">
+            <p class="t-black p-small mn-b-small uppe">
               <span class="uppercase t-transp">Categories</span>
               <br> 
               <span class="pd-2px radius-big d-inline-block bg-grey t-semi" v-for="category in item.categories">{{category}}</span>
@@ -64,8 +64,8 @@
       <div v-if="selectedImage.image !== false && modal === 'edit-modal'"  class="flex-v-center flex m modal pd-big">   
         <div class="modal-content radius-small pd-medium bg-white">
             <span class="close" @click="closeModal">&times;</span>
-            <img v-if="typeof previewImage === 'string'" :src="previewImage" class="radius-small w-100 mn-small h-20r object-fit-cover " />
-            <img v-if="typeof previewImage === 'object' && selectedImage.image !== null" class="radius-small  w-100 mn-small h-20r object-fit-cover " :src="'/photos/' + selectedImage.cover"> 
+            <img v-if="typeof previewImage === 'string'" :src="previewImage" class="radius-small w-100 mn-b-small h-20r object-fit-cover " />
+            <img v-if="typeof previewImage === 'object' && selectedImage.image !== null" class="radius-small  w-100 mn-b-small h-20r object-fit-cover " :src="'/photos/' + selectedImage.cover"> 
 
 
             <Select 
@@ -77,7 +77,7 @@
                 bg-grey
                 pd-thin
                 radius-small
-                mn-thin
+                mn-b-thin
                 t-black
               "
             />
@@ -91,14 +91,14 @@
                 bg-grey
                 pd-thin
                 radius-small
-                mn-medium
+                mn-b-medium
                 t-black
               "
             />
 
-            <EditImages :images="uploadedImages" @update:images="onUpdatedImages"  :uploadPath="'photos'" class="mn-semi"/>
+            <EditImages :images="uploadedImages" @update:images="onUpdatedImages"  :uploadPath="'photos'" class="mn-b-semi"/>
 
-            <Button :submit="selectedImage._id ? updatePhoto : createPhoto" :callback="closeModal" class="mn-thin">
+            <Button :submit="selectedImage._id ? updatePhoto : createPhoto" :callback="closeModal" class="mn-b-thin">
               {{selectedImage._id ? 'Update' : 'Create'}}
             </Button>
         </div>

package/src/modules/gallery/components/sections/GalleryWithCategories.vue

@@ -53,14 +53,14 @@
       <div v-if="selectedImage.image !== false && modal === 'edit-modal'"  class="flex-v-center flex m modal pd-big">   
         <div class="modal-content radius-small pd-medium bg-white">
             <span class="close" @click="closeModal">&times;</span>
-            <img v-if="typeof previewImage === 'string'" :src="previewImage" class="radius-small w-100 mn-small h-20r object-fit-cover " />
-            <img v-if="typeof previewImage === 'object' && selectedImage.image !== null" class="radius-small  w-100 mn-small h-20r object-fit-cover " :src="'/photos/' + selectedImage.cover"> 
+            <img v-if="typeof previewImage === 'string'" :src="previewImage" class="radius-small w-100 mn-b-small h-20r object-fit-cover " />
+            <img v-if="typeof previewImage === 'object' && selectedImage.image !== null" class="radius-small  w-100 mn-b-small h-20r object-fit-cover " :src="'/photos/' + selectedImage.cover"> 
 
             <Upload
               id="photo"
               name="photo"
               type="file"
-              class="t-black bg-grey pd-thin radius-small mn-thin"
+              class="t-black bg-grey pd-thin radius-small mn-b-thin"
               @file-change="onFileChange"
               multiple="true"
               v-if="!selectedImage._id"
@@ -76,7 +76,7 @@
                 bg-grey
                 pd-thin
                 radius-small
-                mn-thin
+                mn-b-thin
                 t-black
               "
             />
@@ -90,14 +90,14 @@
                 bg-grey
                 pd-thin
                 radius-small
-                mn-medium
+                mn-b-medium
                 t-black
               "
             />
 
            
 
-            <Button :submit="selectedImage._id ? updatePhoto : createPhoto" :callback="closeModal" class="mn-thin">
+            <Button :submit="selectedImage._id ? updatePhoto : createPhoto" :callback="closeModal" class="mn-b-thin">
               {{selectedImage._id ? 'Update' : 'Create'}}
             </Button>
         </div>

package/src/modules/globals/components/sections/Feed.vue

@@ -13,7 +13,7 @@
         v-if="!isLoading && itemsList.length < 1"
         :title="states.empty.title"
         :description="states.empty.description"
-        class="pd-medium mn-thin bg-grey radius-big"
+        class="pd-medium mn-b-thin bg-grey radius-big"
       />
     </transition>
 

package/src/modules/landing/components/sections/MobileApp.vue

@@ -6,24 +6,24 @@
       </div>
 
       <div class="z-index-1 w-1/2">
-        <h2 class="mn-t-medium mn-semi w-m-40r">{{ t('title') }}</h2>
-        <p class="t-transp mn-big p-big w-m-33r">{{ t('description') }}</p>
+        <h2 class="mn-t-medium mn-b-semi w-m-40r">{{ t('title') }}</h2>
+        <p class="t-transp mn-b-big p-big w-m-33r">{{ t('description') }}</p>
         
-        <div class="mn-big gap-medium cols-2">
+        <div class="mn-b-big gap-medium cols-2">
           <div class="feature">
-            <h3 class="mn-small">{{ t('features.instantUpdates.title') }}</h3>
+            <h3 class="mn-b-small">{{ t('features.instantUpdates.title') }}</h3>
             <p class="t-transp p-medium">{{ t('features.instantUpdates.text') }}</p>
           </div>
           <div class="feature">
-            <h3 class="mn-small">{{ t('features.locate.title') }}</h3>
+            <h3 class="mn-b-small">{{ t('features.locate.title') }}</h3>
             <p class="t-transp p-medium">{{ t('features.locate.text') }}</p>
           </div>
           <div class="feature">
-            <h3 class="mn-small">{{ t('features.wallet.title') }}</h3>
+            <h3 class="mn-b-small">{{ t('features.wallet.title') }}</h3>
             <p class="t-transp p-medium">{{ t('features.wallet.text') }}</p>
           </div>
           <div class="feature">
-            <h3 class="mn-small">{{ t('features.customization.title') }}</h3>
+            <h3 class="mn-b-small">{{ t('features.customization.title') }}</h3>
             <p class="t-transp p-medium">{{ t('features.customization.text') }}</p>
           </div>
         </div>

package/src/modules/legal/components/pages/Legal.vue

@@ -2,15 +2,15 @@
 	<div 
 		class="for-transition w-100 pd-medium"
 	>
-		<div class="bg-grey radius-medium pd-medium mn-small">
-			<h2 class="mn-small">About No More Snow CO., LTD.</h2>
-			<p class="mn-small">
+		<div class="bg-grey radius-medium pd-medium mn-b-small">
+			<h2 class="mn-b-small">About No More Snow CO., LTD.</h2>
+			<p class="mn-b-small">
 				Welcome to NO MORE SNOW CO., LTD.! We are dedicated to providing top-notch services and creating a trustworthy environment for our users. Your trust and safety are our priority, and we are committed to being transparent about our policies and practices.
 			</p>
-			<p class="mn-small">
+			<p class="mn-b-small">
 				If you have any questions, concerns, or feedback, please do not hesitate to contact us through the following details. Our team is always here to assist you!
 			</p>
-			<p class="mn-small">
+			<p class="mn-b-small">
 				Address: 10/3 Laemsai Rd, Karon, Mueang Phuket District, Phuket 83100<br>
 				Telephone: +660803202142<br>
 				Email: <a href="mailto:hello@thecommunephuket.com">hello@thecommunephuket.com</a><br>

package/src/modules/marketplace/components/layouts/Marketplace.vue

@@ -33,7 +33,7 @@
 		          :label="category.name"
 		          name="categories"
 		          :value="category.url"
-		          class="cursor-pointer  w-100 mn-t-small mn-small bg-black t-white radius-small pd-small"
+		          class="cursor-pointer  w-100 mn-t-small mn-b-small bg-black t-white radius-small pd-small"
 		          :radio="store.marketplace.state.filter.categories"
 		        />
 		       </Dropdown>

package/src/modules/mobile/components/Menu/MenuItem.vue

@@ -45,7 +45,7 @@
               h(
                 'div',
                 {
-                  class: ['mn-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']
+                  class: ['mn-b-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']
                 },
                 iconSlot
               )
@@ -53,7 +53,7 @@
             h(
               'div',
               {
-                class: ['w-100', 'mn-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']
+                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']
               },
               [
                 h(

package/src/modules/orders/components/blocks/CardOrderItem.vue

@@ -30,7 +30,7 @@
         <span v-if="typeof product.color === 'string' " class="t-transp">{{product.color}}</span>
       </p>
       <!-- Price -->
-      <p class="t-main t-demi price mn-small"><span v-if="editable" >{{ product.quantity }} x </span>{{product.price}} {{returnCurrency()}}</p> 
+      <p class="t-main t-demi price mn-b-small"><span v-if="editable" >{{ product.quantity }} x </span>{{product.price}} {{returnCurrency()}}</p> 
       <!-- Quantity -->
       <div v-if="editable" class="flex-nojustify flex">
         <div  class="flex-nowrap flex">