@ozdao/martyrs 0.2.571 → 0.2.572

package/src/modules/rents/views/components/pages/RentsEdit.vue

@@ -82,7 +82,7 @@
             v-for="(variant, index) in items"
             :key="index"
             @click="addVariantToRent(variant)"
-            class="w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+            class="w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
           >
             <div v-if="variant.images && variant.images.length" class="aspect-1x1 h-3r radius-small o-hidden">
               <img
@@ -91,7 +91,7 @@
               />
             </div>
             <div>
-              <p class="t-medium">{{ variant.name || 'Default variant' }}</p>
+              <p class="fw-medium">{{ variant.name || 'Default variant' }}</p>
               <p v-if="variant.attributes && variant.attributes.length" class="t-small t-transp">
                 {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}
               </p>
@@ -141,19 +141,19 @@
     </Block>
 
     <Block>
-      <section class="gap-thin flex-v-center flex-nojustify flex">
+      <section class="gap-thin flex-v-center flex-justify-start flex">
         <h3 class="mn-r-auto">Total Days: {{ totalDays }}</h3>
 
         <Button
           :submit="onSubmit"
-          class="pd-small radius-medium bg-main t-black uppercase t-medium"
+          class="pd-small radius-medium bg-main t-black uppercase fw-medium"
         >
           Save
         </Button>
 
         <Button
           :submit="onReset"
-          class="pd-small radius-medium t-white bg-second uppercase t-medium"
+          class="pd-small radius-medium t-white bg-second uppercase fw-medium"
         >
           Reset
         </Button>
@@ -161,7 +161,7 @@
         <Button
           v-if="route.params._id"
           :submit="onDelete"
-          class="pd-small radius-medium t-white bg-red uppercase t-medium"
+          class="pd-small radius-medium t-white bg-red uppercase fw-medium"
         >
           Delete
         </Button>

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

@@ -16,19 +16,19 @@
         <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-light t-semi">{{report.user}}</span> <!-- Updated this line -->
+          <span class="pd-2px radius-big d-inline-block bg-light fw-semi">{{report.user}}</span> <!-- Updated this line -->
         </p>
 
         <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-light t-semi">{{report.type}}</span> <!-- Updated this line -->
+          <span class="pd-2px radius-big d-inline-block bg-light fw-semi">{{report.type}}</span> <!-- Updated this line -->
         </p>
 
         <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-light t-semi">{{report.reason}}</span> <!-- Updated this line -->
+          <span class="pd-2px radius-big d-inline-block bg-light fw-semi">{{report.reason}}</span> <!-- Updated this line -->
         </p>
 
         <div class="gap-thin flex-nowrap flex">

package/src/modules/reports/components/sections/FormReport.vue

@@ -32,7 +32,7 @@
 		        	'other'
 		        ]"
 		        :placeholder="'Select reason'"
-				class="mn-b-small bg-white br-solid br-black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
+				class="mn-b-small bg-white br-black-transp-10 br-1px uppercase pd-medium fw-semi bg-white t-black radius-medium"
 		      />
 		    
 		    <p class="p-regular mn-b-small">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>

package/src/modules/spots/components/blocks/CardSpot.vue

@@ -52,7 +52,7 @@
         />
      
         <p
-          class="p-regular t-medium d-inline-block w-100"
+          class="p-regular fw-medium d-inline-block w-100"
           v-html="spot.profile.name"
         />
         
@@ -61,18 +61,18 @@
         </p>
 
         <div v-if="spot.address" class="bg-light mn-t-thin pd-thin radius-thin">
-          <p class="text-box-trim-end  p-small w-100 t-truncate">
+          <p class="text-box-trim-end  p-small w-100 truncate">
             {{spot.address}}
           </p>
         </div>
 
-        <p class="uppercase t-medium mn-t-small mn-t-thin" v-if="showDeliveryOptions  && spot.delivery.length > 0">Delivery</p>
+        <p class="uppercase fw-medium mn-t-small mn-t-thin" v-if="showDeliveryOptions  && spot.delivery.length > 0">Delivery</p>
         <Chips 
           v-if="showDeliveryOptions && spot.delivery.length > 0" 
           :chips="spot.delivery"
         />
 
-        <p class="uppercase t-medium  mn-t-small mn-t-thin"  v-if="showPaymentOptions && spot.payment.length > 0">Accepted Payment</p>
+        <p class="uppercase fw-medium  mn-t-small mn-t-thin"  v-if="showPaymentOptions && spot.payment.length > 0">Accepted Payment</p>
         <Chips 
           v-if="showPaymentOptions && spot.payment.length > 0" 
           :chips="spot.payment"

package/src/modules/spots/components/blocks/SpotMemberModify.vue

@@ -8,7 +8,7 @@
         :get-option-label='option => option.name' 
         class="w-100 mn-b-small"
       /> 
-      <div v-else class="pd-small br-grey-transp-25 br-1px br-solid">
+      <div v-else class="pd-small br-grey-transp-25 br-1px">
         {{ spotForm.name ? spotForm.name : 'Безымянный' }}
       </div>
     </div>

package/src/modules/spots/components/layouts/Spots.vue

@@ -8,13 +8,13 @@
 	      	<h2 class="bg-black-transp-25 t-white pd-small w-100 bg-blur-big mn-l-auto mn-r-auto t-center">
 	      		<span class="">Weed in </span>
 
-	      		<span @click="a => { store.core.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="t-semi t-main">
+	      		<span @click="a => { store.core.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="fw-semi t-main">
       				<span v-if="localPosition.city">{{localPosition.city}}, </span>
       				<span v-if="localPosition.state">{{localPosition.state}}, </span>
       				<span v-if="localPosition.country">{{localPosition.country}}</span>
 	      		</span>
 
-	      		<span v-else @click="a => { store.core.state.isOpenLocationPopup = true }"  class="t-semi t-main">
+	      		<span v-else @click="a => { store.core.state.isOpenLocationPopup = true }"  class="fw-semi t-main">
 								The World
 	      		</span>
 	      	</h2>

package/src/modules/spots/components/pages/Spot.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="spot" class="radius-big o-hidden cols-2-1_3">
+  <div v-if="spot" class="radius-big o-hidden cols-[1fr_3fr] mobile:cols-1">
     <Map :location="{lat: spot.location?.coordinates?.[1] || 0, lng: spot.location?.coordinates?.[0] || 0}" class=""/>
 
     <div class="pd-medium w-100">
@@ -25,7 +25,7 @@
         class="
           radius-small 
           o-hidden
-          br-1px br-solid br-grey-transp-25 
+          br-1px br-grey-transp-25 
           mn-b-thin
         "
         >
@@ -43,7 +43,7 @@
            <ul>
             <li v-if="spot.members.length < 1">В отделе еще нет участников</li>
             <User
-              class="br-b br-solid br-grey-transp-25"
+              class="br-b-1px br-grey-transp-25"
               v-for="(member, index) in spot.members"
               :key="index"
               :user="member.user"
@@ -58,7 +58,7 @@
         class="
           radius-small 
           o-hidden
-          br-1px br-solid br-grey-transp-25 
+          br-1px br-grey-transp-25 
           mn-b-thin
         "
         >
@@ -75,7 +75,7 @@
         <template #content>
           <ul>
             <li v-if="spot.subspots.length < 1">В отделе еще нет подотделов</li>
-            <SpotSub  v-for="(subspotsartment, index) in spot.subspots" @click="router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: subspotsartment._id } })" :key="index" class="br-b br-solid br-grey-transp-25" :spot="subspotsartment" />
+            <SpotSub  v-for="(subspotsartment, index) in spot.subspots" @click="router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: subspotsartment._id } })" :key="index" class="br-b-1px br-grey-transp-25" :spot="subspotsartment" />
           </ul>
         </template>
       </Spoiler>

package/src/modules/spots/components/pages/SpotEdit.vue

@@ -18,12 +18,12 @@
     </Block>
     
 
-    <div class="cols-2 gap-thin"> 
+    <div class="cols-2 mobile:cols-1 gap-thin"> 
       <Block
         title="Profile"
         class="mn-b-semi"
       >
-        <div class="gap-small mn-b-small cols-2-fit-content">
+        <div class="gap-small mn-b-small cols-[fit-content(100%)_1fr] mobile:cols-1">
           <UploadImage 
              v-model:photo="spots.state.spot.profile.photo"
             :uploadPath="'organizations/' + spots.state.spot.name + '/avatars'"

package/src/modules/spots/components/pages/Spots.vue

@@ -11,20 +11,20 @@
           name: getRouteName('Create Spot'),
           params: { _id: route.params._id }
         })"
-        class="radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second">
+        class="radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second">
           +
       </button>
     </header>
 
     <div class="w-100 rows-1 pd-thin pos-relative o-hidden">
         
-        <div class="mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-type-x-mandatory scroll-pd-regular">
+        <div class="mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular">
           <div class="gap-thin flex-nowrap flex">
             <div
               v-for="category in currentCategories"
               :key="category._id"
               @click="selectCategory(category)"
-              class="flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all"
+              class="flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease"
             >
               {{ category.name }}
             </div>

package/src/modules/spots/components/sections/MapSection.vue

@@ -4,7 +4,7 @@
       <h2 class="" v-html="t('title')"></h2>
     </div>
 
-    <div class="cols-2">
+    <div class="cols-2 mobile:cols-1">
       <MapBlock 
       :name="t('map.title')" 
       map="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d988.2464207440368!2d98.32843645562768!3d7.791339890847109!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30502f47783f9337%3A0x516fcf234b41baa0!2z4Lia4LmJ4Liy4LiZ4Lif4Li04LiZ4LiB4Lix4LiN!5e0!3m2!1sen!2sth!4v1671872245101!5m2!1sen!2sth"

package/src/modules/spots/components/sections/WorktimeEdit.vue

@@ -24,7 +24,7 @@
           :class="index % 2 === 0 ? 'bg-light' : ''"
         >
           <div class="day-info flex-child-1">
-            <div class="day-name t-semi">{{ getWeekdayName(day.dayOfWeek) }}</div>
+            <div class="day-name fw-semi">{{ getWeekdayName(day.dayOfWeek) }}</div>
             <div class="day-hours" v-if="day.isOpen && day.periods && day.periods.length > 0">
               <template v-for="(period, pIndex) in day.periods" :key="`period-${pIndex}`">
                 <span class="period t-small t-transp">
@@ -84,7 +84,7 @@
         >
           <div class="day-info flex-child-1">
             <div class="flex flex-nowrap flex-v-center">
-              <div class="day-name t-semi">{{ formatDate(day.date) }}</div>
+              <div class="day-name fw-semi">{{ formatDate(day.date) }}</div>
               <div v-if="day.description" class="t-small t-transp mn-l-small">({{ day.description }})</div>
             </div>
             <div class="day-hours" v-if="day.isOpen && day.periods && day.periods.length > 0">
@@ -171,7 +171,7 @@
             :key="`edit-period-${pIndex}`"
             class="period-row mn-b-small flex flex-nowrap gap-small"
           >
-            <div class="flex-child-1 time-inputs cols-2 gap-small">
+            <div class="flex-child-1 time-inputs cols-2 mobile:cols-1 gap-small">
               <Field 
                 v-model:field="period.open"
                 :label="t('workingHours.opens')"
@@ -278,7 +278,7 @@
             :key="`edit-special-period-${pIndex}`"
             class="period-row mn-b-small flex flex-nowrap gap-small"
           >
-            <div class="flex-child-1 time-inputs cols-2 gap-small">
+            <div class="flex-child-1 time-inputs cols-2 mobile:cols-1 gap-small">
               <Field 
                 v-model:field="period.open"
                 :label="t('workingHours.opens')"

package/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue

@@ -1,17 +1,17 @@
 <template>
-  <h2 class="mn-b-small t-center t-bold">{{ t('wallet.balanceReplenished') }}</h2>
+  <h2 class="mn-b-small t-center fw-bold">{{ t('wallet.balanceReplenished') }}</h2>
 
-  <div class="radius-medium br-1px br-black br-solid pd-big flex flex-column flex-justify-center flex-items-center">
-    <h3 class="t-semi">
+  <div class="radius-medium br-1px br-black pd-big flex flex-column flex-justify-center flex-items-center">
+    <h3 class="fw-semi">
       {{ t('wallet.youReceived') }}
     </h3>
-    <h3 class="t-semi">
+    <h3 class="fw-semi">
       {{ receiveAmount }} WDT
     </h3>
   </div>
 
   <button
-    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small"
+    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small"
     @click="close"
   >
     {{ t('wallet.backToWallet') }}

package/src/modules/wallet/views/components/blocks/CardDeposit.vue

@@ -1,5 +1,5 @@
 <template>
-  <h2 class="mn-b-small t-center t-bold">Deposit with card</h2>
+  <h2 class="mn-b-small t-center fw-bold">Deposit with card</h2>
 
   <div class="bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between">
     <Field
@@ -7,22 +7,22 @@
       class="pd-medium radius-small"
     />
 
-    <div class="uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi">
+    <div class="uppercase flex flex-justify-center flex-items-center mn-r-semi fw-semi">
       USD
     </div>
   </div>
 
-  <h3 class="t-semi">You will receieve: 0 WDT</h3>
+  <h3 class="fw-semi">You will receieve: 0 WDT</h3>
 
   <button
-    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small"
+    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small"
     @click="switchMenu(3)"
   >
     {{ t('wallet.pay') }}
   </button>
 
   <button
-    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small"
+    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small"
     @click="backSelection"
   >
     {{ t('wallet.backToSelection') }}

package/src/modules/wallet/views/components/blocks/CashDeposit.vue

@@ -1,5 +1,5 @@
 <template>
-  <h2 class="mn-b-small t-center t-bold">Deposit with cash</h2>
+  <h2 class="mn-b-small t-center fw-bold">Deposit with cash</h2>
 
   <p class="t-transp t-center">
     You need to go to casse to topup balance
@@ -11,7 +11,7 @@
   />
 
   <button
-      class="w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small"
+      class="w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small"
       @click="backSelection">Back to selection
   </button>
 </template>

package/src/modules/wallet/views/components/blocks/CryptoDeposit.vue

@@ -1,11 +1,11 @@
 <template>
-  <h3 class="mn-b-small t-center t-bold">{{ t('wallet.depositWithCrypto') }}</h3>
+  <h3 class="mn-b-small t-center fw-bold">{{ t('wallet.depositWithCrypto') }}</h3>
 
   <Field 
     v-if="state.config"
     v-model:field="amount"
     :placeholder="t('wallet.enterAmount')"
-    class="mn-b-thin bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small" 
+    class="mn-b-thin bg-white w-100 br-1px br-black-transp-5 pd-small radius-small" 
   >
     <Select 
       :options="depositOptions"
@@ -14,10 +14,10 @@
     />
   </Field>
 
-  <p class="t-semi">You will receive: {{ receiveAmount }} {{t('wallet.token')}}</p>
+  <p class="fw-semi">You will receive: {{ receiveAmount }} {{t('wallet.token')}}</p>
 
   <button
-    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small"
+    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small"
     @click="actions.requestCryptoDeposit(amount).then(() => switchMenu(5))"
     :disabled="state.depositRequestIsActive || !state.config"
   >

package/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue

@@ -1,8 +1,8 @@
 <template>
-  <h2 class="mn-b-small t-center t-bold">{{ t('wallet.depositWithCrypto') }}</h2>
+  <h2 class="mn-b-small t-center fw-bold">{{ t('wallet.depositWithCrypto') }}</h2>
 
   <div class="flex flex-justify-between">
-    <h3 class="t-semi">Amount: {{ amount }} {{ state.chosenNetwork.name.toUpperCase() }}</h3>
+    <h3 class="fw-semi">Amount: {{ amount }} {{ state.chosenNetwork.name.toUpperCase() }}</h3>
     <button
       class="uppercase t-main cursor-pointer"
       @click="() => copy(amount)"
@@ -12,7 +12,7 @@
   </div>
 
   <div class="flex flex-justify-between">
-    <h3 class="t-semi t-truncate address">Wallet: {{ state.depositInfo.to }}</h3>
+    <h3 class="fw-semi truncate address">Wallet: {{ state.depositInfo.to }}</h3>
     <button
       class="uppercase t-main cursor-pointer"
       @click="() => copy(state.depositInfo.to)"
@@ -21,26 +21,26 @@
     </button>
   </div>
 
-  <div class="flex flex-justify-around radius-big br-solid br-2px br-black-transp-10">
+  <div class="flex flex-justify-around radius-big br-2px br-black-transp-10">
     <canvas id="qrcode_address_deposit"></canvas>
   </div>
 
   <div class="flex flex-justify-between">
-    <h3 class="t-semi">You will receive:</h3>
-    <h3 class="t-semi">{{ receive }} WDT</h3>
+    <h3 class="fw-semi">You will receive:</h3>
+    <h3 class="fw-semi">{{ receive }} WDT</h3>
   </div>
   <div v-if="state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'" class="flex flex-justify-between">
-    <h3 class="t-semi">Times left:</h3>
-    <h3 class="t-semi">{{ remainingTime }}</h3>
+    <h3 class="fw-semi">Times left:</h3>
+    <h3 class="fw-semi">{{ remainingTime }}</h3>
   </div>
   <div class="flex flex-justify-between">
-    <h3 class="t-semi">Status:</h3>
-    <h3 class="t-semi">{{ status }}</h3>
+    <h3 class="fw-semi">Status:</h3>
+    <h3 class="fw-semi">{{ status }}</h3>
   </div>
 
   <button
     v-if="state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'"
-    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small"
+    class="uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small"
     @click="actions.cancelDeposit().then(() => backSelection())"
   >
     {{ t('wallet.cancel') }}

package/src/modules/wallet/views/components/elements/ConnectMetamask.vue

@@ -4,7 +4,7 @@
     <button 
       v-if="!isMetaMaskInstalled"
       @click="connectMetaMask" 
-      class="transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
+      class="ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
     >
       <img loading="lazy" :src="metamaskIcon" class="mn-r-small i-big">
       <span class="h4 uppercase w-100">{{ t('connectMetaMask') }}</span>
@@ -15,7 +15,7 @@
       <button 
         v-if="!isPolygon"
         @click="switchToPolygon" 
-        class="transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small"
+        class="ease-in-out cursor-pointer hover:bg-white hover:t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small"
       >
         <img loading="lazy" :src="metamaskIcon" class="mn-r-small i-big">
         <span class="h4 uppercase w-100">{{ t('switchToPolygon') }}</span>
@@ -25,11 +25,11 @@
       <button 
         v-if="isPolygon"
         @click="addToken" 
-        class="transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
+        class="ease-in-out cursor-pointer hover:bg-white hover:t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
       >
         <img loading="lazy" :src="metamaskIcon" class="mn-r-small i-big">
         <span class="h4 uppercase w-100">{{ t('addToken') }}</span>
-        <IconAdd class="hover-fill-black fill-white t-transp"/>
+        <IconAdd class="hover:fill-black fill-white t-transp"/>
       </button>
     </template>
     <p class="mn-t-small" v-if="error">{{ error }}</p>

package/src/modules/wallet/views/components/pages/Wallet.vue

@@ -9,41 +9,41 @@
 
       <div 
         v-if="state.account"
-        class="gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium"
+        class="gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-white-transp-10 br-1px flex-v-center flex pd-medium"
       >
         <div class="flex-v-center flex-nowrap flex mn-r-auto">
           <!-- <img loading="lazy" src="/logo/wdt.svg" class="mn-r-thin i-big"> -->
           <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>
         </div>
 
-        <button @click="openGetMorePopup" class="t-nowrap w-max bg-main t-medium button">Get More</button>
+        <button @click="openGetMorePopup" class="t-nowrap w-max bg-main fw-medium button">Get More</button>
 
 
         <Button 
           :submit="actions.collectRewards" 
-          class="w-max bg-white t-black t-medium button"
+          class="w-max bg-white t-black fw-medium button"
         >
           Withdraw
         </Button>
       </div>
 
-      <ConnectMetamask class="mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100" />
+      <ConnectMetamask class="mn-b-thin radius-extra br-white-transp-10 br-1px w-100" />
 
       <div
         v-if="state.account"
         class="w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black"
       >
-        <p class="t-transp t-medium mn-b-thin">You own:</p>
+        <p class="t-transp fw-medium mn-b-thin">You own:</p>
         <p class="h1 mn-b-small">{{state.share}}%</p>
-        <p class="t-white p-medium t-medium mn-b-semi">of all shares</p>
+        <p class="t-white p-medium fw-medium mn-b-semi">of all shares</p>
 
           <div
             class="flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra"
           >
               <!-- <img loading="lazy" src="@/assets/icons/metamask.svg" class="mn-r-small i-big" > -->
             
-            <p v-if="state.account" class="t-transp t-medium ">
-               <span class="uppercase p-small t-medium t-transp">Connected Metamask</span><br>
+            <p v-if="state.account" class="t-transp fw-medium ">
+               <span class="uppercase p-small fw-medium t-transp">Connected Metamask</span><br>
                <span>{{state.account}}</span>
             </p>
 
@@ -59,7 +59,7 @@
 
     </section>
 
-    <div v-if="!state.account" class="mn-b-semi cols-2 gap-thin">
+    <div v-if="!state.account" class="mn-b-semi cols-2 mobile:cols-1 gap-thin">
       <div
         class="w-100 pd-medium radius-medium t-center bg-light"
       >
@@ -80,7 +80,7 @@
         <button
           v-if="!state.account"
           @click="actions.connectWallet"
-          class="br-solid br-2px br-black-transp-10 t-black button"
+          class="br-2px br-black-transp-10 t-black button"
         >
           Connect Wallet
         </button>
@@ -94,15 +94,15 @@
         class="radius-medium bg-light"
         v-for="income in state.rewards"
       > 
-        <div class="flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium">
+        <div class="flex-nowrap br-b-1px br-black-transp-10 flex pd-medium">
           <!-- <img loading="lazy" src="/logo/wdt-plus.svg" class="mn-r-thin i-medium"> -->
-          <p class="t-semi mn-r-auto">{{income.amount}} WDT</p>
+          <p class="fw-semi mn-r-auto">{{income.amount}} WDT</p>
           
-          <span class="pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>
+          <span class="pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra fw-semi p-small">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>
         </div>
 
         <div class="pd-medium">
-          <h4 class="t-regular mn-b-thin">{{income.name}}</h4>
+          <h4 class="fw-regular mn-b-thin">{{income.name}}</h4>
           <!-- <p class="p-small">{{income.content[0].content}}</p> -->
         </div>
 
@@ -118,15 +118,15 @@
         class="radius-medium bg-grey"
         v-for="income in state.rewards"
       > 
-        <div class="flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium">
+        <div class="flex-nowrap br-b-1px br-black-transp-10 flex pd-medium">
           <!-- <img loading="lazy" src="/logo/wdt-plus.svg" class="mn-r-thin i-medium"> -->
-          <p class="t-semi mn-r-auto">{{income.amount}} WDT</p>
+          <p class="fw-semi mn-r-auto">{{income.amount}} WDT</p>
           
-          <span class="pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>
+          <span class="pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra fw-semi p-small">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>
         </div>
 
         <div class="pd-medium">
-          <h4 class="t-regular mn-b-thin">{{income.name}}</h4>
+          <h4 class="fw-regular mn-b-thin">{{income.name}}</h4>
           <!-- <p class="p-small">{{income.content[0].content}}</p> -->
         </div>
       </div>
@@ -140,24 +140,24 @@
       <div
         v-if="currentMenuPopup === 0"
       >
-        <h2 class="mn-b-small t-center t-bold">Choose the way of deposit</h2>
+        <h2 class="mn-b-small t-center fw-bold">Choose the way of deposit</h2>
 
         <button
-          class="w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small"
+          class="w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small"
           @click="switchGetMoreMenu(1)"
         >
           CASH
         </button>
 
         <button
-          class="w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small"
+          class="w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small"
           @click="switchGetMoreMenu(2)"
         >
           CARD
         </button>
 
         <button
-          class="w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small"
+          class="w-100 bg-white t-black pd-thin radius-medium h3 t-center br-2px br-black-transp-10 mn-t-small"
           @click="switchGetMoreMenu(4)"
         >
           CRYPTO