@ozdao/prometheus-framework 0.1.99 → 0.2.0

package/src/modules/products/components/pages/LeftoverAdd.vue

@@ -1,5 +1,5 @@
 <template>
-   <header class="mn-medium flex-v-center flex-nowrap flex">
+   <header class="mn-b-medium flex-v-center flex-nowrap flex">
     <h2 class="mn-r-medium">Inventory</h2>
     <!-- <button 
       @click="$router.push({
@@ -10,7 +10,7 @@
     </button> -->
   </header>
   
-  <h5 class="mn-small">Select Type</h5>
+  <h5 class="mn-b-small">Select Type</h5>
 
   <Select 
     v-model:select="leftovers.state.current.type" 
@@ -20,13 +20,13 @@
       'write-off'
     ]"
     :placeholder="'Select type'"
-    class="mn-semi bg-grey pd-medium radius-small"
+    class="mn-b-semi bg-grey pd-medium radius-small"
   />
 
 
-  <h5 class="mn-small">Add Position</h5>
+  <h5 class="mn-b-small">Add Position</h5>
 
-  <div class="mn-semi gap-thin flex-nowrap flex">
+  <div class="mn-b-semi gap-thin flex-nowrap flex">
     <CardPosition 
       @add="addProduct"
       :products="Products"
@@ -35,7 +35,7 @@
 
 
   <h5 
-    class="mn-small"
+    class="mn-b-small"
   >
     Invetory Sheet
     <a 
@@ -51,7 +51,7 @@
   <LeftoverPositions 
     :order="leftovers.state.current" 
     :products="Products" 
-    class="mn-semi"
+    class="mn-b-semi"
   />
 
   <section class="gap-thin flex-v-center flex-nojustify flex">

package/src/modules/products/components/pages/Leftovers.vue

@@ -1,5 +1,5 @@
 <template>
-  <header class="mn-medium flex-v-center flex-nowrap flex">
+  <header class="mn-b-medium flex-v-center flex-nowrap flex">
     <h2 class="mn-r-medium">Inventory</h2>
     <button 
       @click="$router.push({
@@ -10,14 +10,14 @@
     </button>
   </header>
   
-  <section class="mn-semi pd-medium bg-grey radius-big">
-    <p class="mn-thin">Spended:</p>
+  <section class="mn-b-semi pd-medium bg-grey radius-big">
+    <p class="mn-b-thin">Spended:</p>
     <h3>{{formatPrice(totalPrice)}}</h3>
   </section>
 
   <!-- <h3>Low Stock</h3>
 
-  <section class="mn-semi pd-medium bg-grey radius-big">
+  <section class="mn-b-semi pd-medium bg-grey radius-big">
     <div>
       Name: Code Red
       Left: 3
@@ -43,7 +43,7 @@
       { name: 'Stock-Out',  value: 'stock-out' }, 
       { name: 'Write-Off',  value: 'write-off' }, 
     ]"
-    class="mn-small o-hidden h5 radius-big bg-grey"
+    class="mn-b-small o-hidden h5 radius-big bg-grey"
   />
 
   <Feed

package/src/modules/products/components/pages/OrganizationDetails.vue

@@ -15,14 +15,14 @@
           bg-white
           pd-small
           radius-small
-          mn-small
+          mn-b-small
           t-black
         "
       />
 
-			<h3 class="mn-small">Profile</h3>
+			<h3 class="mn-b-small">Profile</h3>
 			
-			<div class="mn-semi radius-small">
+			<div class="mn-b-semi radius-small">
 				<Field 
 					v-model:field="organization.state.current.profile.name" 	
 					placeholder="Name" 
@@ -36,7 +36,7 @@
 				/>
 			</div>
 			
-			<Button :submit="onSubmit" :callback="redirectTo" class="mn-thin">Create organization</Button>
+			<Button :submit="onSubmit" :callback="redirectTo" class="mn-b-thin">Create organization</Button>
 
 		</div>
 	</div>

package/src/modules/products/components/pages/OrganizationDocuments.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="documents pd-medium bg-grey">
-    <h3 class="mn-small">Загрузите документы</h3>
+    <h3 class="mn-b-small">Загрузите документы</h3>
     
-    <div class="mn-big cols-4">
+    <div class="mn-b-big cols-4">
 	    <div v-for="(doc, index) in documents" :key="index" @click="openPopup(index)">
 	      <div class="pd-medium bg-white radius-small">
-	      	<h3 class="mn-small">{{ doc.name }}</h3>
+	      	<h3 class="mn-b-small">{{ doc.name }}</h3>
 	      	<p class="t-semi t-transp radius-small">{{ doc.status }}</p>
 	      </div>
 	    </div>
@@ -22,11 +22,11 @@
           class="w-100"
         />
       </div>
-      <button @click="submitData" class="w-100 mn-small button ">Отправить на верификацию</button>
+      <button @click="submitData" class="w-100 mn-b-small button ">Отправить на верификацию</button>
 
   		</Popup>
 
-  		<Button :submit="onSubmit" :callback="redirectTo" class="mn-thin">Перейти к людям</Button>
+  		<Button :submit="onSubmit" :callback="redirectTo" class="mn-b-thin">Перейти к людям</Button>
 
   </div>
 </template>

package/src/modules/products/components/pages/OrganizationPeople.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="pd-medium bg-grey">
-    <h2 class="mn-small">Структура организации</h2>
+    <h2 class="mn-b-small">Структура организации</h2>
  
   
       <Unit 
@@ -11,17 +11,17 @@
         @addSubunit="addSubunit(index)"
         @addParticipant="addParticipant(index, $event)" 
         
-        class="mn-small"
+        class="mn-b-small"
       />
    
-    <button @click="addUnit" class="mn-small bg-white button w-100">Добавить отдел</button>
+    <button @click="addUnit" class="mn-b-small bg-white button w-100">Добавить отдел</button>
 
-       <section class="mn-big radius-medium pd-big bg-white">
+       <section class="mn-b-big radius-medium pd-big bg-white">
       <p>После создания организации приглашения будут отправлены по электронной почте или по телефону людям, которых вы добавили в вашу организацию.</p>
     </section>
 
 
-    <Button :submit="onSubmit" :callback="redirectTo" class="mn-thin">Создать организацию</Button>
+    <Button :submit="onSubmit" :callback="redirectTo" class="mn-b-thin">Создать организацию</Button>
   </div>
 </template>
 

package/src/modules/products/components/pages/ProductEdit.vue

@@ -19,12 +19,12 @@
 
     <div class="pd-b-zero pd-t-zero pd-thin cols-2 gap-thin">
     	
-    	<div class="mn-thin bg-grey pd-medium o-hidden radius-big">
-    		<h3 class="mn-semi">Profile</h3>
+    	<div class="mn-b-thin bg-grey pd-medium o-hidden radius-big">
+    		<h3 class="mn-b-semi">Profile</h3>
 				<EditProductInfo 		
 					:product="products.state.current"
 				/>
-				<div class="mn-semi">
+				<div class="mn-b-semi">
 					<h5>Categories</h5>
 					<Checkbox 
 						v-for="(category, index) in categories.state.all"
@@ -60,8 +60,8 @@
 			</div>
 
 			<div class="">
-				<div class="mn-thin bg-grey pd-medium o-hidden radius-big">
-					<h3 class="mn-semi">Images</h3>
+				<div class="mn-b-thin bg-grey pd-medium o-hidden radius-big">
+					<h3 class="mn-b-semi">Images</h3>
 					<EditProductImages 
 						:product="products.state.current"
 					/>

package/src/modules/products/components/pages/ProductRecommmendation.vue

@@ -4,7 +4,7 @@
 
         <div v-if="!loading && !showInput" class="section">
 
-            <div v-if="!loading" class="mn-big">
+            <div v-if="!loading" class="mn-b-big">
                 <InputBig 
                     :input="inputValue" 
                     :loopTyping="false"

package/src/modules/products/components/pages/ProductsBackoffice.vue

@@ -1,5 +1,5 @@
 <template>
-  <header class="mn-medium flex-v-center flex-nowrap flex">
+  <header class="mn-b-medium flex-v-center flex-nowrap flex">
     <h2 class="mn-r-medium">Products</h2>
     <button 
       @click="$router.push({
@@ -18,7 +18,7 @@
       { name: 'Unpublished',  value: 'unpublished' }, 
       { name: 'Archivied',    value: 'archivied' } 
     ]"
-    class="mn-small o-hidden h5 radius-big bg-grey"
+    class="mn-b-small o-hidden h5 radius-big bg-grey"
   />
   
   <Feed

package/src/modules/products/components/sections/EditModifications.vue

@@ -1,21 +1,21 @@
 <template>
 	<div>
-		<!-- <p v-if="product.modifications.length == 0" class="mn-small w-100">У продукта еще не заданы модификации.</p>  -->
+		<!-- <p v-if="product.modifications.length == 0" class="mn-b-small w-100">У продукта еще не заданы модификации.</p>  -->
 		
 		<!-- Modification Info -->
-		<div class="mn-small flex-column flex-wrap block" v-for="(modification, index) in product.modifications" :key="index"> 
+		<div class="mn-b-small flex-column flex-wrap block" v-for="(modification, index) in product.modifications" :key="index"> 
 			<div class="w-100 flex-nowrap flex"> 
 				<Field
 					v-model:field="modification.quantity"
 					:disabled="true"
 					placeholder="Количество"
-					class="mn-medium input-text input"
+					class="mn-b-medium input-text input"
 					type="number"
 				/>
 				<Field
 					v-model:field="modification.name"
 					placeholder="Новая модификация"
-					class="mn-medium input-text input"
+					class="mn-b-medium input-text input"
 				/>
 				<button @click="deleteModification(index)" class="mn-l-small i-normal pd-regular button-delete button">
 					<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -25,9 +25,9 @@
 
 				</button>
 			</div>	
-			<hr  class="mn-medium">
+			<hr  class="mn-b-medium">
 			<!-- Modification Characteristic -->
-			<div class="mn-medium w-100 flex-nowrap flex variants-wrapper" v-for="(characteristic, index2) in modification.characteristics" :key="index2"> 
+			<div class="mn-b-medium w-100 flex-nowrap flex variants-wrapper" v-for="(characteristic, index2) in modification.characteristics" :key="index2"> 
 				<Field
 					v-model:field="characteristic.name"
 					placeholder="Название параметра"
@@ -46,11 +46,11 @@
 
 				</button>
 			</div>
-			<hr  class="mn-medium">
+			<hr  class="mn-b-medium">
 			<button @click="addCharacteristic(index)" class="button">Добавить характеристику</button>
 		</div>
 		
-		<div class="mn-big t-center flex-center flex block">
+		<div class="mn-b-big t-center flex-center flex block">
 			<button @click="addModification" class="w-100">Добавить модификацю</button>
 		</div>
 		<button @click="onSubmit()" class="button">Сохранить модификации</button>

package/src/modules/products/components/sections/EditParameters.vue

@@ -1,14 +1,14 @@
 <template>
-    <div class="mn-big">
-        <div class="mn-small flex-nowrap flex">
+    <div class="mn-b-big">
+        <div class="mn-b-small flex-nowrap flex">
             <h5 class="mn-r-thin">{{ title }}</h5>
             <button @click="addArrayObject" class="i-small pd-thin button-delete button">+</button>
         </div>
 
         <div class="flex-column flex">
-            <p v-if="items.length == 0" class="w-100 mn-small">{{ emptyMessage }}</p>  
+            <p v-if="items.length == 0" class="w-100 mn-b-small">{{ emptyMessage }}</p>  
             <Button v-if="items.length == 0" @click="addArrayObject" class="button">{{ addButtonLabel }}</Button>
-            <div class="mn-medium w-100 flex-nowrap flex" v-for="(item, index) in items" :key="index"> 
+            <div class="mn-b-medium w-100 flex-nowrap flex" v-for="(item, index) in items" :key="index"> 
               <Field
                 v-model:field="item[keyName]"
                 placeholder="Название параметра"

package/src/modules/products/components/sections/EditProductImages.vue

@@ -1,12 +1,12 @@
 <template>
 	<div>
-		<p v-if="product.images.length < 1" class="mn-big">
+		<p v-if="product.images.length < 1" class="mn-b-big">
 			The product doesn't have any images yet.
 		</p> 
 
 	 <VueDraggableNext class="cols-4 dragArea list-group w-full" :list="product.images"  :sort="true" @change="log">
 			<div v-for="(image, index) in product.images" class="flex-column block">
-				<img class="w-100 mn-small" :src="(FILE_SERVER_URL || '') + image" />
+				<img class="w-100 mn-b-small" :src="(FILE_SERVER_URL || '') + image" />
 				<a @click="deleteImage(index)" class="w-100 br-grey br-solid br-1px button">Удалить</a>
 			</div>
 		</VueDraggableNext>

package/src/modules/products/components/sections/EditProductInfo.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="mn-big flex-column flex">
+    <div class="mn-b-big flex-column flex">
     	<!-- {{
     		store.products.current
     	}}
@@ -11,25 +11,25 @@
         ]"
         v-model:select="store.products.state.current.status"
         placeholder="Display product"
-        class="w-100 mn-small bg-white radius-small pd-medium"
+        class="w-100 mn-b-small bg-white radius-small pd-medium"
       />
 
       <Field 
         v-model:field="store.products.state.current.name" 
         placeholder="Введите название"
-        class="w-100 mn-small bg-white radius-small pd-medium"
+        class="w-100 mn-b-small bg-white radius-small pd-medium"
       />
       <Field 
         v-model:field="store.products.state.current.price" 
         placeholder="Введите цену" 
-        class="w-100 mn-small bg-white radius-small pd-medium"
+        class="w-100 mn-b-small bg-white radius-small pd-medium"
         type="number"
       />
 
       <Field
         v-model:field="store.products.state.current.description" 
         placeholder="Введите описание" 
-        class="w-100 mn-small bg-white radius-small pd-medium"
+        class="w-100 mn-b-small bg-white radius-small pd-medium"
         type="textarea"
       /> -->
     </div>

package/src/modules/products/components/sections/FilterProducts.vue

@@ -1,11 +1,11 @@
   <template>
     <div class="pd-medium bg-grey radius-big">
-      <h3 class="mn-small">{{ t('filters.title') }}</h3>
-      <hr class="mn-small">
+      <h3 class="mn-b-small">{{ t('filters.title') }}</h3>
+      <hr class="mn-b-small">
 
       <!-- Categories Filter -->
       <Spoiler 
-        class="radius-small o-hidden br-1px br-solid br-grey mn-small"
+        class="radius-small o-hidden br-1px br-solid br-grey mn-b-small"
         :status="true"
       >
         <template #header>
@@ -18,18 +18,18 @@
             :key="index"
             :label="category.name"
             :value="category.url"
-            class="w-100 mn-t-small mn-small bg-white radius-small pd-small"
+            class="w-100 mn-t-small mn-b-small bg-white radius-small pd-small"
             :radio="selectedFilters.categories"
             @change="emitFilterChange('categories', category.url)"
           />
         </template>
       </Spoiler>
 
-      <hr class="mn-small">
+      <hr class="mn-b-small">
 
       <!-- Prices Filter -->
       <Spoiler 
-        class="radius-small o-hidden br-1px br-solid br-grey mn-small"
+        class="radius-small o-hidden br-1px br-solid br-grey mn-b-small"
         :status="false"
       >
         <template #header>
@@ -49,11 +49,11 @@
         </template>
       </Spoiler>
 
-      <hr class="mn-small">
+      <hr class="mn-b-small">
 
       <!-- Delivery Filter -->
       <Spoiler 
-        class="radius-small o-hidden br-1px br-solid br-grey mn-small"
+        class="radius-small o-hidden br-1px br-solid br-grey mn-b-small"
         :status="false"
       >
         <template #header>
@@ -73,7 +73,7 @@
         </template>
       </Spoiler>
 
-      <hr class="mn-semi">
+      <hr class="mn-b-semi">
 
       <!-- Reset filter -->
       <button @click="resetFilters" class="bg-main w-100 button">{{ t('filters.reset') }}</button>

package/src/modules/products/components/sections/HeroRecommendation.vue

@@ -82,12 +82,12 @@
 			<div class="flex-column flex-center flex t-center  z-index-1">
 				
 				<h1 
-					class="t-white mn-semi" 
+					class="t-white mn-b-semi" 
 					v-html="t('title')"
 				/>
 
 				<p 
-					class="mn-big p-big t-transp t-white " 
+					class="mn-b-big p-big t-transp t-white " 
 					v-html="t('description')"
 				/>
 				
@@ -101,11 +101,11 @@
 			    :action="t('action')"
 			    @update:input="mood = $event"
 			    @action="router.push({name: 'Product Recommmendation', query: {mood: mood}})"
-					class="mn-big bg-white-transp-5 t-white bg-blur-medium w-m-40r"
+					class="mn-b-big bg-white-transp-5 t-white bg-blur-medium w-m-40r"
 				/>
 
 				<p 
-					class="w-m-60r t-white t-transp mn-semi p-medium" 
+					class="w-m-60r t-white t-transp mn-b-semi p-medium" 
 					v-html="t('subdescription')"
 				/>
 
@@ -131,7 +131,7 @@
 					>
 						<img 
 							:src="(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.png'" 
-							class="h-8r w-8r mn-thin"
+							class="h-8r w-8r mn-b-thin"
 						/>
 
 						<span>

package/src/modules/products/components/sections/PopularProducts.vue

@@ -1,7 +1,7 @@
 <template>
 <div id="popularProducts" class="pd-thin">
 	<div class="bg-grey radius-big pd-t-big pd-b-big">
-		<div class="mn-semi t-center title">
+		<div class="mn-b-semi t-center title">
 			<h2 class="">{{t('title')}}</h2>
 		</div>
 		<carousel ref="myCarousel" :items-to-show="3" :transition="330" :wrapAround="true" :autoplay="3000" :pauseAutoplayOnHover="true" :breakpoints="breakpoints">

package/src/modules/products/components/sections/ProductInformationSection.vue

@@ -4,7 +4,7 @@
 	<!-- -------------------------------- -->
 	<div class="product-info-wrapper">
 		<!-- Product data header  -->
-		<div class="mn-big product-tab-header">
+		<div class="mn-b-big product-tab-header">
 			<button @click="changeTab('description')" :class="{'product-tab-active':data.currentTab === 'description'}" class="mn-r-semi product-tab">
 				<img class="mn-r-small" src="@/assets/icons/description.svg">
 				Описание товара
@@ -35,27 +35,27 @@
 			<div class="cols-2">
 				<!-- Left col -->
 				<div class="mn-r-medium col">
-					<img class="mn-medium" src="@/assets/icons/shopping-bag.svg">
-					<p class="mn-small t-demi">Если вы в Москве</p>
-					<p class="mn-small">
+					<img class="mn-b-medium" src="@/assets/icons/shopping-bag.svg">
+					<p class="mn-b-small t-demi">Если вы в Москве</p>
+					<p class="mn-b-small">
 						Доставляем по Москве курьером в примеркой! У нас свои вежливые и пунктуальные курьеры.
 					</p>
-					<ul style="list-style: disc; line-height: 1.5;" class="mn-big">
+					<ul style="list-style: disc; line-height: 1.5;" class="mn-b-big">
 							<li>Не ограничиваем количество моделей на примерку - привезём все, что понравится</li>
 							<li>Не ограничиваем время на примерку</li>
 							<li>Если ничего не подойдёт, вы платите только за доставку</li>
 						</ul>
-					<p class="mn-small t-demi">Тарифы</p>
-					<p class="mn-thin">В пределах МКАД — <span class="mn-small t-demi">350 ₽</span></p>
-					<p class="mn-small">За пределы МКАД — <span class="mn-small t-demi">550 ₽</span></p>
+					<p class="mn-b-small t-demi">Тарифы</p>
+					<p class="mn-b-thin">В пределах МКАД — <span class="mn-b-small t-demi">350 ₽</span></p>
+					<p class="mn-b-small">За пределы МКАД — <span class="mn-b-small t-demi">550 ₽</span></p>
 				</div>
 				<!-- Right col -->
 				<div class="col">
-					<img class="mn-medium" src="@/assets/icons/globe.svg">
-					<p class="mn-small t-demi">Доставка в любую точку мира</p>
-					<p class="mn-small">В другие города отправляем почтой России или компанией СДЭК по 100% предоплате на карту.</p>
-					<p class="mn-small">Наши менеджеры на связи с вами ежедневно с 10 до 21 часов и готовы ответить на любые вопросы, а так же сделать дополнительные замеры, фото или видео вещей.</p>  
-					<p class="mn-small">Стоимость доставки рассчитывается индивидуально🌷</p>
+					<img class="mn-b-medium" src="@/assets/icons/globe.svg">
+					<p class="mn-b-small t-demi">Доставка в любую точку мира</p>
+					<p class="mn-b-small">В другие города отправляем почтой России или компанией СДЭК по 100% предоплате на карту.</p>
+					<p class="mn-b-small">Наши менеджеры на связи с вами ежедневно с 10 до 21 часов и готовы ответить на любые вопросы, а так же сделать дополнительные замеры, фото или видео вещей.</p>  
+					<p class="mn-b-small">Стоимость доставки рассчитывается индивидуально🌷</p>
 					<p>Срок доставки от 6 до 15 дней.</p>
 				</div>
 			</div>
@@ -65,25 +65,25 @@
 			<div class="cols-2">
 				<!-- Left col -->
 				<div class="mn-r-medium col">
-					<p class="mn-small t-demi">Если вы в Москве</p>
-					<ul style="list-style: decimal; line-height: 1.5;" class="mn-medium">
-						<li class="mn-thin">Положите выбранные товары в корзину и оформите заказ.</li>
-						<li class="mn-thin">Наши менеджеры свяжутся с вами в рабочее время для уточнения деталей</li>
-						<li class="mn-thin">После утверждения заказа, менеджер осуществит сброку ипередаст его на доставку нашим курьерам</li>
-						<li class="mn-thin">Ожидайте курьера в назначенную дату. Вы можете примерить все что заказали, выбрать и оплатить только то, что вам подошло + за доставку курьеру</li>
-						<li class="mn-thin">Оплатить можно как наличными, так и по карте, у наших курьеров всегда с собой терминал</li>
+					<p class="mn-b-small t-demi">Если вы в Москве</p>
+					<ul style="list-style: decimal; line-height: 1.5;" class="mn-b-medium">
+						<li class="mn-b-thin">Положите выбранные товары в корзину и оформите заказ.</li>
+						<li class="mn-b-thin">Наши менеджеры свяжутся с вами в рабочее время для уточнения деталей</li>
+						<li class="mn-b-thin">После утверждения заказа, менеджер осуществит сброку ипередаст его на доставку нашим курьерам</li>
+						<li class="mn-b-thin">Ожидайте курьера в назначенную дату. Вы можете примерить все что заказали, выбрать и оплатить только то, что вам подошло + за доставку курьеру</li>
+						<li class="mn-b-thin">Оплатить можно как наличными, так и по карте, у наших курьеров всегда с собой терминал</li>
 					</ul>
 					<!-- <p>В <a  @click="store.commit('toggleShopAdress')"  class="t-demi underline">шоуруме в Москве</a> оплатить товары вы сможете как наличными, так и по карте.</p> -->
 				</div>
 				<!-- Right col -->
 				<div class="col">
-					<p class="mn-small t-demi">Если вы не Москве</p>
-					<ul style="list-style: decimal; line-height: 1.5;" class="mn-medium">
-						<li class="mn-thin">Положите выбранные товары в корзину и оформите заказ.</li>
-						<li class="mn-thin">Наши менеджеры свяжутся с вами в рабочее время для уточнения деталей</li>
-						<li class="mn-thin">После утверждения заказа, менеджер вышлет ссылку для оплаты удобным вам способом</li>
-						<li class="mn-thin">После оплаты вы получите электронный чек и трек-номер для отслеживания посылки на эл.почту или в Whatsapp</li>
-						<li class="mn-thin">Ожидайте доставку оплаченного заказа в выбранной транспортной компании (Почта России или СДЭК)</li>
+					<p class="mn-b-small t-demi">Если вы не Москве</p>
+					<ul style="list-style: decimal; line-height: 1.5;" class="mn-b-medium">
+						<li class="mn-b-thin">Положите выбранные товары в корзину и оформите заказ.</li>
+						<li class="mn-b-thin">Наши менеджеры свяжутся с вами в рабочее время для уточнения деталей</li>
+						<li class="mn-b-thin">После утверждения заказа, менеджер вышлет ссылку для оплаты удобным вам способом</li>
+						<li class="mn-b-thin">После оплаты вы получите электронный чек и трек-номер для отслеживания посылки на эл.почту или в Whatsapp</li>
+						<li class="mn-b-thin">Ожидайте доставку оплаченного заказа в выбранной транспортной компании (Почта России или СДЭК)</li>
 					</ul>
 				</div>
 			</div>

package/src/modules/products/components/sections/SectionProduct.vue

@@ -58,26 +58,26 @@
 
 			<h2 v-if="recommendation" class="t-main t-semi p-big">{{t('airecommend')}}</h2>
 			<!-- Name -->
-			<h1 class="w-100 h1-product mn-thin">{{ product.name }}</h1>
+			<h1 class="w-100 h1-product mn-b-thin">{{ product.name }}</h1>
 			<!-- Price -->
-			<Price :product="product" size="big" class="mn-semi" />
+			<Price :product="product" size="big" class="mn-b-semi" />
 			<!-- Modifications -->
 			<!-- <div v-if="product.modifications.length > 0" class="flex-nojustify  flex">
 				<SelectElement v-if="sizes2.length > 0" :elements="sizes2" :selected="product.selectedSize" class="mn-r-medium" />
 			</div> -->
 			<!-- Description -->
-			<h3 v-if="recommendation" class="mn-semi">
+			<h3 v-if="recommendation" class="mn-b-semi">
 				{{ recommendation }}
 			</h3>
-			<p v-if="product.description && !product.localization && !recommendation" class="w-100 mn-medium t-transp">
+			<p v-if="product.description && !product.localization && !recommendation" class="w-100 mn-b-medium t-transp">
 				{{ product.description }}
 			</p>
-			<p v-if="product.localization && product.localization.length > 1 && !recommendation" class="w-100  mn-medium t-transp">
+			<p v-if="product.localization && product.localization.length > 1 && !recommendation" class="w-100  mn-b-medium t-transp">
 				{{ t('description') }}
 			</p>
 
 			<div 
-				class="cols-2 w-100 gap-small mn-semi"
+				class="cols-2 w-100 gap-small mn-b-semi"
 			>
 				<div 
 					v-if="product.information.length > 0" 

package/src/modules/products/components/sections/SortProducts.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pd-medium mn-thin bg-grey radius-big">
+  <div class="pd-medium mn-b-thin bg-grey radius-big">
     <div class="flex-nowrap flex flex-v-center">
       <p class="mn-r-auto p-big t-semi t-transp">2,982 results</p>
 

package/src/modules/reports/components/pages/BackofficeReports.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="flex-v-center flex-nowrap flex mn-medium">
+    <div class="flex-v-center flex-nowrap flex mn-b-medium">
       <h3 class="mn-r-medium">Reports</h3> <!-- Updated this line -->
     </div>
 
@@ -13,19 +13,19 @@
         <!-- Here, you should update the properties of the report object to reflect the actual structure of a report -->
         <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->
 
-        <p class="t-black p-small mn-small">
+        <p class="t-black p-small mn-b-small">
           <span class="uppercase t-transp">User</span>
           <br> 
           <span class="pd-2px radius-big d-inline-block bg-grey t-semi">{{report.user}}</span> <!-- Updated this line -->
         </p>
 
-        <p class="t-black p-small mn-small">
+        <p class="t-black p-small mn-b-small">
           <span class="uppercase t-transp">Type</span>
           <br> 
           <span class="pd-2px radius-big d-inline-block bg-grey t-semi">{{report.type}}</span> <!-- Updated this line -->
         </p>
 
-        <p class="t-black p-small mn-small">
+        <p class="t-black p-small mn-b-small">
           <span class="uppercase t-transp">Reason</span>
           <br> 
           <span class="pd-2px radius-big d-inline-block bg-grey t-semi">{{report.reason}}</span> <!-- Updated this line -->