@ozdao/martyrs 0.2.583 → 0.2.584

package/dist/style.css

@@ -72,22 +72,22 @@
 .background-div {
   flex-grow: 1;
 }
-input[data-v-36998019],
-textarea[data-v-36998019],
-span[data-v-36998019] {
+input[data-v-ba38e654],
+textarea[data-v-ba38e654],
+span[data-v-ba38e654] {
   color: inherit;
   line-height: 1;
 }
-textarea[data-v-36998019] {
+textarea[data-v-ba38e654] {
   resize: none;
   overflow: hidden; 
   height: 1rem;
 }
-input[data-v-36998019] {
+input[data-v-ba38e654] {
   height: 1rem;
 }
-input[type="date"][data-v-36998019]::-webkit-calendar-picker-indicator,
-input[type="time"][data-v-36998019]::-webkit-calendar-picker-indicator {
+input[type="date"][data-v-ba38e654]::-webkit-calendar-picker-indicator,
+input[type="time"][data-v-ba38e654]::-webkit-calendar-picker-indicator {
   filter: invert(1);
   opacity: 1;
   color: inherit;
@@ -741,75 +741,75 @@ ul li[data-v-af5048fc] {
     left: 100%;
 }
 }
-.calendar[aria-disabled=true][data-v-5feab7b5] {
+.calendar[aria-disabled=true][data-v-7c705e8c] {
   cursor: not-allowed;
 }
-.calendar[aria-disabled=true][data-v-5feab7b5] * {
+.calendar[aria-disabled=true][data-v-7c705e8c] * {
   pointer-events: none;
 }
-.calendar__week[data-v-5feab7b5] {
+.calendar__week[data-v-7c705e8c] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 5px;
   margin-bottom: 10px;
 }
-.calendar__weekday[data-v-5feab7b5] {
+.calendar__weekday[data-v-7c705e8c] {
   text-align: center;
 }
-.calendar__dates[data-v-5feab7b5] {
+.calendar__dates[data-v-7c705e8c] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   grid-auto-rows: 1fr;
 }
-.calendar__dates[data-v-5feab7b5]::before {
+.calendar__dates[data-v-7c705e8c]::before {
   content: "";
   width: 0;
   padding-bottom: 100%;
   grid-row: 1/1;
   grid-column: 1/1;
 }
-.calendar__dates[data-v-5feab7b5] > *:first-child {
+.calendar__dates[data-v-7c705e8c] > *:first-child {
   grid-row: 1/1;
   grid-column: 1/1;
 }
-.calendar__date--today[data-v-5feab7b5] {
+.calendar__date--today[data-v-7c705e8c] {
   background-color: rgb(var(--main)) !important;
   font-weight: bold;
 }
-.calendar__date--in-other-month[data-v-5feab7b5] {
+.calendar__date--in-other-month[data-v-7c705e8c] {
   color: #aaaaaa; /* Grey text color for dates from adjacent months */
 }
-.calendar__date--selected[data-v-5feab7b5] {
+.calendar__date--selected[data-v-7c705e8c] {
   background-color: #007bff !important;
   color: #fff;
 }
-.calendar__date--range[data-v-5feab7b5] {
+.calendar__date--range[data-v-7c705e8c] {
   background-color: #1c6ab8 !important;
 }
-.calendar__date--disabled[data-v-5feab7b5], .calendar__date--unavailable[data-v-5feab7b5] {
+.calendar__date--disabled[data-v-7c705e8c], .calendar__date--unavailable[data-v-7c705e8c] {
   color: #ccc;
   cursor: not-allowed;
   text-decoration: line-through;
   opacity: 0.5;
 }
-.calendar__date--low-availability[data-v-5feab7b5] {
+.calendar__date--low-availability[data-v-7c705e8c] {
   position: relative;
   background-color: #f0f0f0;
   /*  border: 1px solid #fff3cd;*/
   /*  background-color: #fff3cd;*/
 }
-.availability-indicator[data-v-5feab7b5] {
+.availability-indicator[data-v-7c705e8c] {
   position: absolute;
   bottom: 2px;
   right: 2px;
   font-size: 8px;
   color: #6c757d;
 }
-button[data-v-5feab7b5]:disabled {
+button[data-v-7c705e8c]:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.calendar-tooltip[data-v-5feab7b5] {
+.calendar-tooltip[data-v-7c705e8c] {
   position: fixed;
   background-color: #333;
   color: white;
@@ -836,7 +836,7 @@ button[data-v-5feab7b5]:disabled {
   width: 100%;
 }
 
-.filters-content[data-v-2c930cac] {
+.filters-content[data-v-026224ab] {
   max-height: 60vh;
   overflow-y: auto;
 }
@@ -1609,19 +1609,19 @@ to {
   transform: translateY(0);
 }
 
-.hidden[data-v-499f10e6] {
+.hidden[data-v-0780c9a9] {
   opacity: 0;
   width: 0;
   display: none;
 }
-.visible[data-v-499f10e6] {
+.visible[data-v-0780c9a9] {
   opacity: 1;
   display: block;
 }
 
 /* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */
 @media (max-width: 1024px) {
-aside[data-sidebar][data-v-499f10e6] {
+aside[data-sidebar][data-v-0780c9a9] {
     position: absolute !important;
     left: 0 !important;
     transform: translateX(-100%) !important;
@@ -1630,24 +1630,24 @@ aside[data-sidebar][data-v-499f10e6] {
 }
 
   /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */
-aside[data-sidebar].mobile-opened[data-v-499f10e6] {
+aside[data-sidebar].mobile-opened[data-v-0780c9a9] {
     transform: translateX(0) !important;
     visibility: visible !important;
 }
 }
 
 /* Scrollbar styles */
-[data-v-499f10e6]::-webkit-scrollbar {
+[data-v-0780c9a9]::-webkit-scrollbar {
   width: 6px;
 }
-[data-v-499f10e6]::-webkit-scrollbar-track {
+[data-v-0780c9a9]::-webkit-scrollbar-track {
   background: transparent;
 }
-[data-v-499f10e6]::-webkit-scrollbar-thumb {
+[data-v-0780c9a9]::-webkit-scrollbar-thumb {
   background-color: var(--grey-micro);
   border-radius: 3px;
 }
-[data-v-499f10e6]::-webkit-scrollbar-thumb:hover {
+[data-v-0780c9a9]::-webkit-scrollbar-thumb:hover {
   background-color: var(--grey-small);
 }
 .eye[data-v-4241147a] {
@@ -2204,7 +2204,7 @@ to {
   left: 0;
   top: 0;
 }
-.field-date__dropdown[data-v-4076d2e3] {
+.field-date__dropdown[data-v-0840c48f] {
   top: calc(100% + 0.5rem);
   left: 0;
   z-index: 1000;

package/dist/{web-BNJDRie_.js → web-BDuQSQKS.js}

@@ -1,4 +1,4 @@
-import { W as p } from "./main-vq1_XpmQ.js";
+import { W as p } from "./main-fmp55tJF.js";
 class f extends p {
   constructor() {
     super(...arguments), this.group = "CapacitorStorage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.583",
+  "version": "0.2.584",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/components/Calendar/Calendar.vue

@@ -528,10 +528,10 @@
 <template>
   <div class="t-noselect calendar" :aria-disabled="disabled"> 
      <div v-if="allowRange && !disablePastDates" class="br-b-1px br-grey-transp-25 gap-thin flex flex-nowrap pd-thin">
-      <button @click="selectToday" class="font-second t-nowrap pd-thin bg-white radius-small">Today</button>
-      <button @click="selectLastWeek" class="font-second t-nowrap pd-thin bg-white radius-small">Last Week</button>
-      <button @click="selectLastMonth" class="font-second t-nowrap pd-thin bg-white radius-small">Last Month</button>
-      <button @click="selectLastYear" class="font-second t-nowrap pd-thin bg-white radius-small">All time</button>
+      <button @click="selectToday" class="font-second ws-nowrap pd-thin bg-white radius-small">Today</button>
+      <button @click="selectLastWeek" class="font-second ws-nowrap pd-thin bg-white radius-small">Last Week</button>
+      <button @click="selectLastMonth" class="font-second ws-nowrap pd-thin bg-white radius-small">Last Month</button>
+      <button @click="selectLastYear" class="font-second ws-nowrap pd-thin bg-white radius-small">All time</button>
     </div>
     <div class="pd-thin flex flex-nowrap flex-v-center flex-justify-between">
       <button @click.stop="prevMonth" class="aspect-1x1 pd-thin bg-white radius-extra" :disabled="isPrevMonthDisabled">

package/src/components/Completion/Completion.vue

@@ -1,10 +1,10 @@
 <template>
   <section class="">
     <div class="mn-b-small gap-small flex-v-center flex-nowrap flex">
-      <h4 class="t-nowrap  ">
+      <h4 class="ws-nowrap  ">
         {{ text }}
 
-      <span class="uppercase radius-big t-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
+      <span class="uppercase radius-big ws-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
         {{ percentage || completionPercentage }}%
       </span>
 
@@ -19,7 +19,7 @@
         }"
       >
 
-        <span class="uppercase radius-big t-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
+        <span class="uppercase radius-big ws-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
           {{ text_cta }}
         </span>
       

package/src/components/Field/Field.vue

@@ -79,7 +79,7 @@ const text = ref(props.field);
       v-if="label"
       class="t-transp mn-r-small"
     >
-      <span class="t-nowrap">
+      <span class="ws-nowrap">
         {{label}}
       </span>
     </div>

package/src/components/FieldBig/FieldBig.vue

@@ -18,7 +18,7 @@
       :showLoader="showLoader"
       :callback="callback"
       :callbackDelay="callbackDelay"
-      class="t-nowrap fw-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover:bg-fifth fw-semi ease-linear t-black bg-main"
+      class="ws-nowrap fw-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover:bg-fifth fw-semi ease-linear t-black bg-main"
     >
       <span v-if="action" class="desktop-only mn-r-thin">{{action}}</span>
       <IconArrow class="i-medium"/>

package/src/components/FieldDate/FieldDate.vue

@@ -14,7 +14,7 @@
         v-if="label"
         class="t-transp mn-r-small"
       >
-        <span class="t-nowrap">
+        <span class="ws-nowrap">
           {{ label }}
         </span>
       </div>

package/src/modules/community/components/layouts/Community.vue

@@ -4,7 +4,7 @@
 
 			<div style="flex: 1 1 auto" class="w-100 h-100 pos-relative">
 				<header v-if="!route.params.url && route.name !== 'Create BlogPost'" class="bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex">
-		    	<h2 class="pos-relative t-nowrap flex-v-center flex-nowrap flex">
+		    	<h2 class="pos-relative ws-nowrap flex-v-center flex-nowrap flex">
 		    		<span class="mn-r-thin">Posts for </span>
 
 		    		<Select 
@@ -29,7 +29,7 @@
 				</header>
 
 				<div  v-if="!route.params.url && route.name !=='Create BlogPost'"  class="w-100 pos-relative">
-					<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-regular gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide">
+					<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-regular gap-thin flex-row flex-nowrap flex z-index-2 o-scroll ws-nowrap scroll-hide">
 						<li  	
 							:class="{'t-black bg-white': route.params.category === 'featured' }" 					
 							@click="() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}" 

package/src/modules/core/views/components/blocks/CardHeader.vue

@@ -8,7 +8,7 @@
 		>
 
 			<div
-				class="w-100 gap-thin p-regular t-nowrap flex-nowrap flex-v-center flex"
+				class="w-100 gap-thin p-regular ws-nowrap flex-nowrap flex-v-center flex"
 			>
 				<img loading="lazy" 
 					v-if="owner.target?.profile?.photo?.length > 0 && type !== 'short'" 

package/src/modules/core/views/components/partials/Header.vue

@@ -122,7 +122,7 @@
     		
     		br-2px 
     		ease-linear
-    		t-nowrap
+    		ws-nowrap
     	
     	"
     	:class="{

package/src/modules/core/views/components/partials/Sidebar.vue

@@ -139,7 +139,7 @@ router.beforeEach((to, from) => {
         ]"
       >
         <span
-          class="w-100 t-nowrap ease-quint-out  t-left fw-medium mn-r-thin"
+          class="w-100 ws-nowrap ease-quint-out  t-left fw-medium mn-r-thin"
           :class="{ 'hidden': !stateSidebar, 'visible': stateSidebar }"
         >
           Dark Mode

package/src/modules/core/views/components/sections/Filters.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex o-x-scroll scroll-hide t-nowrap  gap-thin">
+  <div class="flex o-x-scroll scroll-hide ws-nowrap  gap-thin">
     <!-- All Filters Button -->
     <button
       @click="showAllFilters = true"
@@ -20,7 +20,7 @@
       :class="{ 'selected bg-main': isFilterActive(filter) }"
     >
       <IconCalendar v-if="filter.type === 'date'" class="mn-r-micro i-regular" />
-      <span class="t-nowrap">{{ filter.type === 'date' && getFilterValue(filter) ? formatFilterValue(filter) : filter.title }}</span>
+      <span class="ws-nowrap">{{ filter.type === 'date' && getFilterValue(filter) ? formatFilterValue(filter) : filter.title }}</span>
       <span v-if="getFilterValue(filter) && filter.type !== 'date'" class="mn-l-micro">
         {{ formatFilterValue(filter) }}
       </span>

package/src/modules/core/views/components/sections/SectionPageTitle.vue

@@ -31,7 +31,7 @@
       :selected="tabs_current"
       @update:selected="updateTabsCurrent"
       :tabs="tabs"
-      class="mn-t-small pd-thin bg-light radius-small w-max t-nowrap o-scroll p-regular"
+      class="mn-t-small pd-thin bg-light radius-small w-max ws-nowrap o-scroll p-regular"
     />
   </div>
 </template>

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

@@ -69,7 +69,7 @@
             v-else
             class="bg-light radius-micro w-2r h-thin"
           ></div>
-          <p class="p-nano fw-medium t-nowrap">{{ slot.time }}</p>
+          <p class="p-nano fw-medium ws-nowrap">{{ slot.time }}</p>
         </div>
       </div>
     </div>
@@ -195,7 +195,7 @@
           <section class="bg-black flex-column flex gap-thin pd-thin radius-small">
             <button
               @click="sendTicketEmail(ticket._id)"
-              class="w-100 t-nowrap bg-black br-1px br-white-transp-20 t-white button-small button"
+              class="w-100 ws-nowrap bg-black br-1px br-white-transp-20 t-white button-small button"
             >
               Send Email
             </button>

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

@@ -128,7 +128,7 @@
         <Button 
           :submit="() => createPhoto('draft')" 
           :callback="closePhotoPopup" 
-          class="t-nowrap bg-second w-100"
+          class="ws-nowrap bg-second w-100"
         >
           To drafts
         </Button>

package/src/modules/inventory/components/pages/Inventory.vue

@@ -51,7 +51,7 @@
                 class="w-3r h-3r radius-small bg-light object-fit-cover"
               />
               <PlaceholderImage v-else class="w-3r h-3r radius-small" />
-              <p class="truncate t-nowrap">{{ row.name || 'Unknown Product' }}</p>
+              <p class="truncate ws-nowrap">{{ row.name || 'Unknown Product' }}</p>
             </div>
           </template>
 
@@ -127,13 +127,13 @@
               align="right"
             >
               <div class="bg-white radius-small">
-                <button @click="openStockAudit(row)" class="cursor-pointer t-left t-nowrap w-100 pd-small">
+                <button @click="openStockAudit(row)" class="cursor-pointer t-left ws-nowrap w-100 pd-small">
                   Audit Stock
                 </button>
-                <button @click="openStockHistory(row)" class="cursor-pointer t-left t-nowrap w-100 pd-small">
+                <button @click="openStockHistory(row)" class="cursor-pointer t-left ws-nowrap w-100 pd-small">
                   Stock History
                 </button>
-                <button @click="openReorderSettings(row)" class="cursor-pointer t-left t-nowrap w-100 pd-small">
+                <button @click="openReorderSettings(row)" class="cursor-pointer t-left ws-nowrap w-100 pd-small">
                   Set Alerts
                 </button>
               </div>

package/src/modules/inventory/components/pages/InventoryEdit.vue

@@ -175,7 +175,7 @@
             align="right"
           >
             <div class="bg-white radius-small">
-              <button @click="leftovers.state.current.positions.splice(index, 1)" class="cursor-pointer t-left t-nowrap w-100 pd-small">
+              <button @click="leftovers.state.current.positions.splice(index, 1)" class="cursor-pointer t-left ws-nowrap w-100 pd-small">
                 Delete
               </button>
             </div>

package/src/modules/music/components/pages/Playlist.vue

@@ -374,8 +374,8 @@ const actionButtons = computed(() => {
     {
       type: 'dropdown',
       items: [
-        { text: 'Add to Queue', action: addToQueue, class: 't-nowrap' },
-        { text: 'Copy Link', action: copyLink, class: 't-nowrap' }
+        { text: 'Add to Queue', action: addToQueue, class: 'ws-nowrap' },
+        { text: 'Copy Link', action: copyLink, class: 'ws-nowrap' }
       ]
     }
   ];
@@ -383,19 +383,19 @@ const actionButtons = computed(() => {
   if (isOwner.value || isCollaborator.value) {
     const items = buttons[3].items;
     items.push({ separator: true });
-    items.push({ text: 'Edit Playlist', action: editPlaylist, class: 't-nowrap' });
+    items.push({ text: 'Edit Playlist', action: editPlaylist, class: 'ws-nowrap' });
 
     if (isOwner.value) {
       items.push({
         text: playlist.value?.isCollaborative ? 'Make Private' : 'Make Collaborative',
         action: toggleCollaborative,
-        class: 't-nowrap'
+        class: 'ws-nowrap'
       });
       items.push({
         text: 'Delete Playlist',
         action: deletePlaylist,
         color: 'danger',
-        class: 't-nowrap'
+        class: 'ws-nowrap'
       });
     }
   }

package/src/modules/orders/router/orders.router.js

@@ -1,9 +1,41 @@
 // Use dynamic imports for better code splitting
+import { requiresAuth } from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';
+import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
+import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';
+
+const { isAdmin } = useGlobalMixins();
+
+// Проверка доступа к заказам пользователя
+const checkOrdersAccess = (to) => {
+  const context = to.matched[0]?.meta?.context;
+
+  // User контекст: владелец, модератор или админ
+  if (context === 'user') {
+    const isOwner = to.params._id === auth.state.user?._id;
+    const roles = auth.state.access?.roles || [];
+    const isAdminOrMod = isAdmin(roles) || roles.includes('ROLE_MODERATOR');
+    if (!isOwner && !isAdminOrMod) {
+      return '/401';
+    }
+  }
+
+  // Backoffice контекст: только админы
+  if (context === 'backoffice') {
+    const roles = auth.state.access?.roles || [];
+    if (!isAdmin(roles)) {
+      return '/401';
+    }
+  }
+
+  // Organization контекст - пока пропускаем (там ABAC на бэкенде)
+  // Root контекст - публичный
+};
 
 const ordersRoutes = [
   {
     path: '',
     name: 'OrdersList',
+    beforeEnter: [requiresAuth, checkOrdersAccess],
     component: () => import(/* webpackChunkName: "orders" */ '@martyrs/src/modules/orders/components/pages/Orders.vue'),
     meta: {
       title: {
@@ -37,6 +69,7 @@ const ordersRoutes = [
   {
     path: ':order',
     name: 'Order',
+    beforeEnter: [requiresAuth, checkOrdersAccess],
     component: () => import(/* webpackChunkName: "orders" */ '@martyrs/src/modules/orders/components/pages/OrderBackoffice.vue'),
     props: route => ({
       mode: route.matched[0].meta.context === 'backoffice' ? 'edit' : 'view',

package/src/modules/organizations/components/blocks/CardOrganization.vue

@@ -69,7 +69,7 @@
 
     <div 
       v-if="showProducts && organization.products" 
-      class="mn-b-small t-nowrap mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium"
+      class="mn-b-small ws-nowrap mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium"
     >
       <IconTime class="i-medium t-transp mn-r-micro"/>
       <span class="mn-r-micro">

package/src/modules/pages/views/components/pages/PageEdit.vue

@@ -15,14 +15,14 @@
         v-if="route.params.url"
         :submit="() => onDelete()" 
         :callback="() => deletePageCallback()" 
-        class="t-nowrap bg-second w-max"
+        class="ws-nowrap bg-second w-max"
       >
         Delete
       </Button>
 
        <Button 
         :submit="() => onSubmit()" 
-        class="mn-l-auto t-nowrap t-white bg-black w-max"
+        class="mn-l-auto ws-nowrap t-white bg-black w-max"
       >
         Save
       </Button>

package/src/modules/pages/views/components/partials/SidebarPages.vue

@@ -25,7 +25,7 @@
       </div>
       <Button 
         :submit="() => onSubmit()" 
-        class="mn-l-auto t-nowrap t-white bg-black w-max"
+        class="mn-l-auto ws-nowrap t-white bg-black w-max"
       >
         Save
       </Button>

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

@@ -151,7 +151,7 @@
               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 ease"
+              class=" flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease"
             >
               {{ category.name }}
             </div>

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

@@ -81,7 +81,7 @@
             { value: 'discount', label: 'Discount (%)' },
             { value: 'special_price', label: 'Special Price' },
           ]"
-          class="pos-relative t-nowrap bg-white gap-small flex flex-column pd-thin radius-thin"
+          class="pos-relative ws-nowrap bg-white gap-small flex flex-column pd-thin radius-thin"
         />
       </Field>
 

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

@@ -61,7 +61,7 @@
       >
         <div v-if="isVariantAvailable" class="gap-micro flex flex-center flex-nowrap">
           <IconShopcartAdd class="i-medium"/>
-          <span class="t-nowrap">{{ t('addtoorder') }}</span>
+          <span class="ws-nowrap">{{ t('addtoorder') }}</span>
         </div>
         <template v-else>
           <span v-if="!selectedVariant && productVariants.length > 1">Select variant</span>

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

@@ -24,7 +24,7 @@
               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 ease"
+              class="flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease"
             >
               {{ category.name }}
             </div>

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

@@ -10,7 +10,7 @@
     <Select 
       :options="depositOptions"
       v-model:select="state.chosenNetwork"
-      class="bg-light t-nowrap pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin"
+      class="bg-light ws-nowrap pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin"
     />
   </Field>
 

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

@@ -16,7 +16,7 @@
           <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>
         </div>
 
-        <button @click="openGetMorePopup" class="t-nowrap w-max bg-main fw-medium button">Get More</button>
+        <button @click="openGetMorePopup" class="ws-nowrap w-max bg-main fw-medium button">Get More</button>
 
 
         <Button