adata-ui 2.0.2 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/elements/companies/AOurClients.vue +1 -1
- package/components/elements/curve-block/ACurveBlock.vue +22 -9
- package/components/forms/request-demo/ARequestDemo.vue +3 -3
- package/icons/clock.vue +19 -3
- package/icons/close.vue +16 -0
- package/icons/default-avatar.vue +20 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="flex flex-col gap-4 lg:gap-8">
|
|
3
|
-
<h2 class="
|
|
3
|
+
<h2 class="md:heading-01 heading-02">{{ t('our_clients.title') }}</h2>
|
|
4
4
|
<a-infinite-carousel>
|
|
5
5
|
<div class="flex items-center justify-center">
|
|
6
6
|
<a-icon-company-forte class="max-w-[150px] sm:max-w-none"></a-icon-company-forte>
|
|
@@ -13,7 +13,8 @@ const props = defineProps<{
|
|
|
13
13
|
<component
|
|
14
14
|
:is="to ? NuxtLinkLocale : 'button'"
|
|
15
15
|
:to="to"
|
|
16
|
-
class="relative w-fit cursor-pointer"
|
|
16
|
+
class="curve-block relative w-fit cursor-pointer"
|
|
17
|
+
active-class="active-item"
|
|
17
18
|
>
|
|
18
19
|
<svg
|
|
19
20
|
width="306"
|
|
@@ -148,19 +149,23 @@ const props = defineProps<{
|
|
|
148
149
|
stroke-dasharray: 1200;
|
|
149
150
|
stroke-dashoffset: 1200;
|
|
150
151
|
fill: #F4F5F6;
|
|
151
|
-
transition: stroke-dashoffset 2s ease, fill 2s ease;
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
.animated-border {
|
|
155
155
|
stroke-dasharray: 180;
|
|
156
156
|
stroke-dashoffset: 180;
|
|
157
|
-
transition: stroke-dashoffset 2s ease, fill 2s ease;
|
|
158
157
|
fill: #F4F5F6;
|
|
159
158
|
}
|
|
160
159
|
|
|
161
160
|
|
|
162
|
-
.
|
|
163
|
-
.
|
|
161
|
+
.active-item .border-path,
|
|
162
|
+
.active-item .animated-border {
|
|
163
|
+
stroke-dashoffset: 0;
|
|
164
|
+
fill: white;
|
|
165
|
+
}
|
|
166
|
+
.curve-block:hover .border-path,
|
|
167
|
+
.curve-block:hover .animated-border {
|
|
168
|
+
transition: stroke-dashoffset 2s ease, fill 2s ease;
|
|
164
169
|
stroke-dashoffset: 0;
|
|
165
170
|
fill: white;
|
|
166
171
|
}
|
|
@@ -188,12 +193,20 @@ const props = defineProps<{
|
|
|
188
193
|
.dark {
|
|
189
194
|
.border-path,
|
|
190
195
|
.animated-border {
|
|
191
|
-
fill: #393d40;
|
|
192
|
-
}
|
|
193
|
-
.relative:hover .border-path,
|
|
194
|
-
.relative:hover .animated-border {
|
|
195
196
|
fill: #26282b;
|
|
196
197
|
}
|
|
198
|
+
|
|
199
|
+
.active-item .border-path,
|
|
200
|
+
.active-item .animated-border {
|
|
201
|
+
stroke-dashoffset: 0;
|
|
202
|
+
fill: #131415;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.curve-block:hover .border-path,
|
|
206
|
+
.curve-block:hover .animated-border {
|
|
207
|
+
fill: #131415;
|
|
208
|
+
|
|
209
|
+
}
|
|
197
210
|
.arrow {
|
|
198
211
|
fill: #1b98e2;
|
|
199
212
|
}
|
|
@@ -46,10 +46,10 @@ function onSend() {
|
|
|
46
46
|
</script>
|
|
47
47
|
|
|
48
48
|
<template>
|
|
49
|
-
<div class="rounded-[20px] bg-blue-700 p-4 dark:bg-blue-500 lg:p-8">
|
|
49
|
+
<div class="rounded-[20px] bg-blue-700 dark:bg-[#1B98E2] p-4 dark:bg-blue-500 lg:p-8">
|
|
50
50
|
<div class="flex w-full flex-col gap-4 lg:flex-row lg:justify-between">
|
|
51
|
-
<div class="flex flex-col gap-4 text-white lg:max-w-[50%] lg:gap-6">
|
|
52
|
-
<p class="text-[32px] font-bold">
|
|
51
|
+
<div class="flex flex-col gap-4 text-white dark:text-gray-900 lg:max-w-[50%] lg:gap-6">
|
|
52
|
+
<p class="md:text-[32px] text-[24px] font-bold">
|
|
53
53
|
{{ title || t('forms.request_demo.title') }}
|
|
54
54
|
</p>
|
|
55
55
|
<p class="text-base">
|
package/icons/clock.vue
CHANGED
|
@@ -1,8 +1,24 @@
|
|
|
1
1
|
|
|
2
2
|
<template>
|
|
3
|
-
<svg
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
<svg
|
|
4
|
+
width="16"
|
|
5
|
+
height="16"
|
|
6
|
+
viewBox="0 0 16 16"
|
|
7
|
+
fill="none"
|
|
8
|
+
xmlns="https://www.w3.org/2000/svg"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
fill-rule="evenodd"
|
|
12
|
+
clip-rule="evenodd"
|
|
13
|
+
d="M8.00004 2.04999C11.2861 2.04999 13.95 4.71388 13.95 7.99996C13.95 11.286 11.2861 13.9499 8.00004 13.9499C4.71397 13.9499 2.05008 11.286 2.05008 7.99996C2.05008 4.71388 4.71397 2.04999 8.00004 2.04999ZM15 7.99996C15 4.13399 11.866 1 8.00004 1C4.13407 1 1.00008 4.13399 1.00008 7.99996C1.00008 11.8659 4.13407 14.9999 8.00004 14.9999C11.866 14.9999 15 11.8659 15 7.99996Z"
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
/>
|
|
16
|
+
<path
|
|
17
|
+
fill-rule="evenodd"
|
|
18
|
+
clip-rule="evenodd"
|
|
19
|
+
d="M8.00004 4.77705C7.71009 4.77705 7.47504 5.0121 7.47504 5.30204V7.75952L4.90795 10.3266C4.70293 10.5316 4.70293 10.8641 4.90795 11.0691C5.11298 11.2741 5.44538 11.2741 5.65041 11.0691L8.52504 8.19444V5.30204C8.52504 5.0121 8.28999 4.77705 8.00004 4.77705Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
6
22
|
</svg>
|
|
7
23
|
</template>
|
|
8
24
|
<script setup lang="ts">
|
package/icons/close.vue
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg
|
|
3
|
+
width="24"
|
|
4
|
+
height="24"
|
|
5
|
+
viewBox="0 0 24 24"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill-rule="evenodd"
|
|
11
|
+
clip-rule="evenodd"
|
|
12
|
+
d="M17.7489 7.46323C18.0837 7.1285 18.0837 6.58579 17.7489 6.25105C17.4142 5.91632 16.8715 5.91632 16.5368 6.25105L12 10.7878L7.46323 6.25105C7.1285 5.91632 6.58579 5.91632 6.25105 6.25105C5.91632 6.58579 5.91632 7.1285 6.25105 7.46323L10.7878 12L6.25105 16.5368C5.91632 16.8715 5.91632 17.4142 6.25105 17.7489C6.58579 18.0837 7.1285 18.0837 7.46323 17.7489L12 13.2122L16.5368 17.7489C16.8715 18.0837 17.4142 18.0837 17.7489 17.7489C18.0837 17.4142 18.0837 16.8715 17.7489 16.5368L13.2122 12L17.7489 7.46323Z"
|
|
13
|
+
fill="currentColor"
|
|
14
|
+
/>
|
|
15
|
+
</svg>
|
|
16
|
+
</template>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg
|
|
3
|
+
width="16"
|
|
4
|
+
height="16"
|
|
5
|
+
viewBox="0 0 16 16"
|
|
6
|
+
fill="none"
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
>
|
|
9
|
+
<circle
|
|
10
|
+
cx="8"
|
|
11
|
+
cy="4"
|
|
12
|
+
r="4"
|
|
13
|
+
fill="currentColor"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
d="M8 8.5C4.54216 8.5 1.63087 10.84 0.763329 14.0229C0.472858 15.0886 1.39543 16 2.5 16H13.5C14.6046 16 15.5271 15.0886 15.2367 14.0229C14.3691 10.84 11.4578 8.5 8 8.5Z"
|
|
17
|
+
fill="currentColor"
|
|
18
|
+
/>
|
|
19
|
+
</svg>
|
|
20
|
+
</template>
|