adata-ui 2.0.9 → 2.0.10

package/components/elements/curve-block/ACurveBlock.vue

@@ -63,13 +63,13 @@ const props = defineProps<{
 
     <div class="absolute left-6 top-6 flex flex-col gap-4 pr-6">
       <div class="flex items-center gap-2">
-        <div class="rounded-sm bg-deepblue-900/5 dark:bg-gray-200/5 p-1">
+        <div class="rounded-[4px]  icon-item bg-deepblue-900/5 dark:bg-gray-200/5 p-1 ">
           <component
             :is="icon"
             class="size-6 shrink-0"
           />
         </div>
-        <p class="text-base font-semibold">
+        <p class="text-base title font-semibold">
           {{ title }}
         </p>
       </div>
@@ -158,10 +158,12 @@ const props = defineProps<{
 }
 
 
-.active-item .border-path,
-.active-item .animated-border {
-  stroke-dashoffset: 0;
-  fill: white;
+
+.active-item .title {
+  color: #0070EB;
+}
+.active-item .border-path {
+  fill: #0070EB1A;
 }
 .curve-block:hover .border-path,
 .curve-block:hover .animated-border {
@@ -170,6 +172,12 @@ const props = defineProps<{
   fill: white;
 }
 
+.curve-block:hover .icon-item {
+  background-color: #E0EFFF;
+  color: #0070EB;
+  transition: all 2s ease, fill 2s ease;
+}
+
 .border-path {
   stroke: url(#gradient-light);
 }
@@ -196,12 +204,20 @@ const props = defineProps<{
     fill: #26282b;
   }
 
-  .active-item .border-path,
-  .active-item .animated-border {
-    stroke-dashoffset: 0;
-    fill: #131415;
+  .active-item .title {
+    color: #1b98e2;
+  }
+  .active-item .border-path {
+    fill: rgba(23, 146, 221, 0.38);
   }
 
+  .curve-block:hover .icon-item {
+    background-color: rgba(30, 88, 156, 0.6);
+    color: #1b98e2;
+    transition: all 2s ease, fill 2s ease;
+  }
+
+
   .curve-block:hover .border-path,
   .curve-block:hover .animated-border {
     fill: #131415;

package/components/features/pk-mobile-services/APkMobileServices.vue

@@ -1,8 +1,12 @@
 <script setup lang="ts">
-
+import { PAGES } from '#adata-ui/shared/constans/pages'
 import { usePkServicesLinks } from '#adata-ui/composables/useHeaderNavigationLinks'
 
 const services = usePkServicesLinks()
+const route = useRoute()
+const localePath = useLocalePath()
+const config = useAppConfig()
+const { locale } = useI18n()
 
 const blockStyles = [
   'first-border-gradient',
@@ -15,6 +19,17 @@ const blockStyles = [
   'eighth-border-gradient',
   'ninth-border-gradient',
 ]
+const linkByIndex = [
+  PAGES.pk.main,
+  PAGES.pk.employees,
+  PAGES.pk.connections,
+  PAGES.pk.foreign,
+  PAGES.pk.unload,
+  PAGES.pk.offshore,
+  PAGES.pk.sanctions,
+  PAGES.pk.compare,
+  buildLocalizedUrl(locale, config.myLayer.landingUrl, '/all-services'),
+]
 </script>
 
 <template>
@@ -27,7 +42,10 @@ const blockStyles = [
     >
       <div
         class="size-10 p-2 rounded-lg"
-        :class="index === services.length - 1 ? 'bg-gradient-blue text-white' : 'bg-deepblue-900/5 dark:bg-gray-200/5'"
+        :class="[
+          index === services.length - 1 ? 'bg-gradient-blue text-white' : 'bg-deepblue-900/5 dark:bg-gray-200/5',
+          {'!bg-blue-700 text-white dark:!bg-blue-500 ': route.path.replace(/\/+$/, '') === localePath(linkByIndex[index]).replace(/\/+$/, '')}
+        ]"
       >
         <component
           :is="service.icon"

package/lang/en.ts

@@ -399,8 +399,8 @@ const EnLocale: RuLocale = {
       b: "Request demo access"
     },
     request_demo: {
-      title: 'Request demo access',
-      info: 'Fill out the form to request demo access',
+      "title": "Try all the features of the service for free",
+      "info": "Check the functionality and quality of the data in real conditions. Demo access will allow you to test all the key features of the service\nFill out the form to submit a connection request",
       agreement: 'By filling out the form, you agree to the processing of personal data and receiving informational messages',
       send: 'Submit Request',
     },

package/lang/kk.ts

@@ -400,8 +400,8 @@ const KkLocale: RuLocale = {
       b: "Демо қолжетімділікті сұрау"
     },
     request_demo: {
-      title: 'Демо қатынасын сұрау',
-      info: 'Демо қатынасын сұрау үшін пішінді толтырыңыз',
+      "title": "Қызметтің барлық мүмкіндіктерін тегін қолданып көріңіз",
+      "info": "Деректердің функционалдығын және сапасын нақты жағдайларда тексеріңіз. Демо-қолжетімділік қызметтің барлық негізгі мүмкіндіктерін сынап көруге мүмкіндік береді\nҚосылуға өтінім беру үшін форманы толтырыңыз",
       agreement: 'Пішінді толтыра отырып, сіз жеке деректерді өңдеуге және ақпараттық хабарламаларды алуға келісім бересіз',
       send: 'Өтінімді жіберу',
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",