@ozdao/prometheus-framework 0.1.98 → 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/icons/navigation/IconLike.vue

@@ -7,13 +7,14 @@
 		xmlns="http://www.w3.org/2000/svg"
 	>
 		<path 
-			v-show="isLiked"
 			:fill="fill"
 			fill-rule="evenodd" 
 			clip-rule="evenodd" 
 			d="M1.97578 8.38083L7.62266 13.6527C7.85703 13.8715 8.16641 13.9933 8.48828 13.9933C8.81016 13.9933 9.11953 13.8715 9.35391 13.6527L15.0008 8.38083C15.9508 7.49646 16.4883 6.25583 16.4883 4.95896V4.77771C16.4883 2.59333 14.9102 0.730831 12.757 0.371456C11.332 0.133956 9.88203 0.599581 8.86328 1.61833L8.48828 1.99333L8.11328 1.61833C7.09455 0.599841 5.64436 0.133985 4.21953 0.371456C2.06641 0.730831 0.488281 2.59333 0.488281 4.77771V4.95896C0.488281 6.25583 1.02578 7.49646 1.97578 8.38083ZM2.99941 7.28439L2.99784 7.28293C2.354 6.68356 1.98828 5.84123 1.98828 4.95896V4.77771C1.98828 3.32663 3.03625 2.08988 4.46613 1.85105C5.41318 1.69332 6.37649 2.00286 7.05262 2.67899L8.48828 4.11465L9.54894 3.05399L9.92394 2.67899C10.6001 2.00286 11.5634 1.69332 12.5104 1.85105C13.9403 2.08988 14.9883 3.32663 14.9883 4.77771V4.95896C14.9883 5.84123 14.6226 6.68356 13.9787 7.28293L8.48828 12.4088L2.99941 7.28439Z" 
 		/>
 		<path 
+			
+			v-show="isLiked"
 			:fill="fill"
 			fill-rule="evenodd" 
 			clip-rule="evenodd" 

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">