adata-ui 4.0.56 → 4.0.58

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "failOnWarn": false,
-  "version": "4.0.56",
+  "version": "4.0.58",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/Alert.vue

@@ -1,32 +1,3 @@
-<template>
-  <div
-    class="inline-flex w-full rounded-md"
-    :class="twMerge(colorOptions.description[color], textBgClasses)"
-  >
-    <div
-      class="flex items-center justify-center rounded-l-md"
-      :class="twMerge([colorOptions.icon[color], sizeOptions[size]], iconBgClasses)"
-    >
-      <slot name="icon">
-        <i-info-circle
-          v-if="iconType == 'circle'"
-          :class="`w-[${iconSize}] h-[${iconSize}]`"
-        />
-        <i-warning-triangle
-          v-if="iconType == 'triangle'"
-          :class="`w-[${iconSize}] h-[${iconSize}]`"
-        />
-      </slot>
-    </div>
-    <div
-      :class="sizeOptions[size]"
-      class="rounded-r-md flex items-center"
-    >
-      <slot name="default" />
-    </div>
-  </div>
-</template>
-
 <script setup>
 import { twMerge } from "tailwind-merge";
 defineOptions({ name: "AAlert" });
@@ -60,3 +31,32 @@ const colorOptions = {
   }
 };
 </script>
+
+<template>
+  <div
+    class="inline-flex w-full rounded-md"
+    :class="twMerge(colorOptions.description[color], textBgClasses)"
+  >
+    <div
+      class="flex items-center justify-center rounded-l-md"
+      :class="twMerge([colorOptions.icon[color], sizeOptions[size]], iconBgClasses)"
+    >
+      <slot name="icon">
+        <i-info-circle
+          v-if="iconType == 'circle'"
+          :class="`w-[${iconSize}] h-[${iconSize}]`"
+        />
+        <i-warning-triangle
+          v-if="iconType == 'triangle'"
+          :class="`w-[${iconSize}] h-[${iconSize}]`"
+        />
+      </slot>
+    </div>
+    <div
+      :class="sizeOptions[size]"
+      class="rounded-r-md flex items-center"
+    >
+      <slot name="default" />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/Header.vue

@@ -4,12 +4,11 @@ import TopHeader from "./header/TopHeader.vue";
 import HeaderLink from "./header/HeaderLink.vue";
 import ProfileMenu from "./header/ProfileMenu.vue";
 import ColorMode from "./ColorMode.vue";
-import HeaderMobile from "./header-mobile/HeaderMobile.vue";
 import { useI18n, ref, onBeforeMount, useAppConfig, useRuntimeConfig } from "#imports";
 import ILogout from "#icons/navigation/logout.vue";
 import IAdata from "#icons/logo/adata.vue";
 import LangSwitcher from "./header/LangSwitcher.vue";
-const { localize } = useRuntimeConfig().public.adataUI;
+const { localize, isColorModeActive } = useRuntimeConfig().public.adataUI;
 const props = defineProps({
   replenish: { type: String, required: false },
   hasNotification: { type: Boolean, required: false },
@@ -104,8 +103,8 @@ onBeforeMount(() => {
             <div v-if="langIsOn || module === 'fea'" />
           </div>
           <div class="flex items-center gap-4">
-            <color-mode />
-            <lang-switcher v-if="localize" />
+            <color-mode v-if="localize" />
+            <lang-switcher v-if="isColorModeActive" />
           </div>
 
 
@@ -125,11 +124,11 @@ onBeforeMount(() => {
 
           <div
             v-show="!isAuthenticated && showLogIn"
-            class="hidden cursor-pointer items-center gap-2 font-semibold lg:flex"
             @click="goAuth"
+            class="hidden w-max cursor-pointer items-center gap-2 rounded-2xl bg-blue-700 px-4 py-[6px] font-semibold dark:bg-blue-500 lg:flex"
           >
-            <i-logout class="lg:h-4 lg:w-4" />
-            <span class="hidden lg:inline-block">
+            <i-logout class="text-white dark:text-gray-900 lg:h-4 lg:w-4" />
+            <span class="hidden text-sm font-semibold text-white dark:text-gray-900 lg:inline-block min-w-[44px]">
               {{ t("header.login") }}
             </span>
           </div>

package/dist/runtime/components/header/ProductMenu.vue

@@ -41,6 +41,19 @@ const mode = appConfig.adataUI.mode;
 const pageUrl = useRequestURL();
 defineEmits(["outerClick", "mouseOver"]);
 const filteredItems = [
+  {
+    key: "edo",
+    name: t("header.products.edo.label"),
+    icon: IFiles,
+    items: [
+      {
+        title: t("header.products.edo.items.l.t"),
+        subtitle: t("header.products.edo.items.l.t"),
+        icon: IFiles,
+        to: `https://edo.${mode}.kz`
+      }
+    ]
+  },
   {
     key: "pk",
     name: t("header.products.counterparties.label"),
@@ -243,19 +256,6 @@ const filteredItems = [
         to: `https://ac.${mode}.kz/compliance`
       }
     ]
-  },
-  {
-    key: "edo",
-    name: t("header.products.edo.label"),
-    icon: IFiles,
-    items: [
-      {
-        title: t("header.products.edo.items.l.t"),
-        subtitle: t("header.products.edo.items.l.t"),
-        icon: IFiles,
-        to: `https://edo.${mode}.kz`
-      }
-    ]
   }
 ];
 function isCurrentModule(currentModule) {

package/dist/runtime/components/header/ProfileMenuContent.vue

@@ -81,7 +81,7 @@ const onReplenish = () => {
 </script>
 
 <template>
-  <div class="max-w-full lg:w-[440px]">
+  <div class="max-w-full lg:w-[300px]">
     <!--    desktop  -->
     <div
       class="gradient-bg hidden px-4 py-4 text-white dark:text-gray-900 lg:block lg:rounded-t-[0.5rem] lg:px-8 lg:dark:text-white"
@@ -90,7 +90,7 @@ const onReplenish = () => {
         {{ t("header.profile.tariff") }}
       </div>
       <div class="flex items-center justify-between gap-4 lg:mt-2">
-        <div>
+        <div class="flex items-center justify-between lg:w-full">
           <span class="mr-2 font-semibold lg:text-lg">{{ rate }}</span>
           <a-status-badge
             type="success"
@@ -102,17 +102,19 @@ const onReplenish = () => {
         </div>
         <span class="bg-deepblue ml-2 rounded-xl px-2 py-1 text-xs lg:hidden">{{ balance.toLocaleString("RU-ru") }} ₸</span>
       </div>
-      <div class="mt-2 hidden items-center justify-between lg:flex">
-        <div class="text-xs">
+      <div class="mt-2 hidden items-center justify-between lg:flex lg:flex-col">
+        <div class="items-center justify-between lg:flex lg:w-full text-xs">
           {{ t("header.profile.currentBalance") }}
           <span class="ml-2 rounded-xl bg-deepblue-900 px-2 py-1">{{ balance.toLocaleString("RU-ru") }} ₸</span>
         </div>
         <a-button
           size="sm"
+          class="w-full mt-4"
           view="outline"
           variant="ghost"
           @click="onReplenish"
         >
+          <i-plus />
           {{ t("header.profile.addBalance") }}
         </a-button>
       </div>
@@ -178,11 +180,11 @@ const onReplenish = () => {
           {{ daysRemaining }}
         </a-status-badge>
       </div>
-      <div class="grid grid-cols-2 gap-2">
+      <div class="grid grid-cols-2 gap-2 lg:flex lg:flex-col">
         <nuxt-link
           v-for="item in items"
           :key="item.title"
-          class="flex flex-col items-center rounded-[6px] bg-gray-50 py-[10px] text-center text-sm hover:bg-deepblue-900/10 active:bg-deepblue-900 active:text-white dark:bg-[#161617] active:dark:bg-[#E3E5E8] active:dark:text-gray-900 lg:px-4 lg:dark:bg-[#393D40] lg:dark:hover:bg-gray-900"
+          class="hover:text-blue-700 dark:hover:text-blue-500 flex flex-col lg:flex-row lg:gap-3 items-center rounded-[6px] bg-gray-50 lg:bg-white lg:dark:bg-[#232324] lg:hover:bg-blue-100 py-[10px] text-center text-sm hover:bg-deepblue-900/10 active:bg-deepblue-900 active:text-white dark:bg-[#161617] active:dark:bg-[#E3E5E8] active:dark:text-gray-900 lg:px-4  lg:dark:hover:bg-gray-900"
           :to="item.to"
           target="_blank"
         >
@@ -208,16 +210,15 @@ const onReplenish = () => {
         </span>
         <color-mode />
       </div>
-      <a-button
-        class="lg:mt-2"
-        block
+      <div
+        class="flex items-center justify-center lg:justify-start gap-3 pb-2 pt-4 px-4 cursor-pointer text-red-500 hover:text-red-700 border-t"
         @click="$emit('logout')"
       >
-        <i-logout class="h-5 w-5" />
+        <icon-logout class="h-5 w-5" />
         <span>
           {{ t("header.profile.logout") }}
         </span>
-      </a-button>
+      </div>
     </div>
   </div>
 </template>

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "adata-ui",
-  "version": "4.0.56",
+  "version": "4.0.58",
+
   "description": "Adata UI",
   "repository": "your-org/my-module",
   "license": "MIT",