adata-ui 3.1.79 → 3.1.80
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/README.md +84 -84
- package/dist/module.json +1 -1
- package/dist/runtime/components/Alert.vue +26 -26
- package/dist/runtime/components/Alert.vue.d.ts +37 -2
- package/dist/runtime/components/Chip.vue +5 -5
- package/dist/runtime/components/Chip.vue.d.ts +21 -2
- package/dist/runtime/components/ColorMode.vue +12 -12
- package/dist/runtime/components/CurveBlock.vue +177 -177
- package/dist/runtime/components/DigitBadge.vue +5 -5
- package/dist/runtime/components/DigitBadge.vue.d.ts +1 -1
- package/dist/runtime/components/Drawer.vue +32 -32
- package/dist/runtime/components/Drawer.vue.d.ts +47 -2
- package/dist/runtime/components/EmptyHeader.vue +6 -6
- package/dist/runtime/components/Error.vue +59 -59
- package/dist/runtime/components/Footer.vue +69 -69
- package/dist/runtime/components/FooterAccordion.vue +45 -45
- package/dist/runtime/components/Header.vue +111 -111
- package/dist/runtime/components/Header.vue.d.ts +0 -50
- package/dist/runtime/components/Modal.vue +78 -78
- package/dist/runtime/components/Modal.vue.d.ts +49 -9
- package/dist/runtime/components/NewFooter.vue +113 -113
- package/dist/runtime/components/NewFooterAccordion.vue +52 -52
- package/dist/runtime/components/OtherServiceFeatures.vue +45 -45
- package/dist/runtime/components/PkMobileServices.vue +22 -22
- package/dist/runtime/components/SidePanel.vue +76 -76
- package/dist/runtime/components/SidePanel.vue.d.ts +79 -3
- package/dist/runtime/components/Tag.vue +4 -4
- package/dist/runtime/components/Tag.vue.d.ts +12 -2
- package/dist/runtime/components/Toggle.vue +30 -30
- package/dist/runtime/components/accordion/Accordion.vue +41 -41
- package/dist/runtime/components/accordion/Accordion.vue.d.ts +44 -4
- package/dist/runtime/components/button/Button.vue +22 -22
- package/dist/runtime/components/button/Button.vue.d.ts +21 -3
- package/dist/runtime/components/checkbox/Checkbox.vue +58 -58
- package/dist/runtime/components/checkbox/Checkbox.vue.d.ts +39 -7
- package/dist/runtime/components/date-picker/DatePicker.vue +38 -38
- package/dist/runtime/components/error-template/index.vue +32 -32
- package/dist/runtime/components/error-template/index.vue.d.ts +5 -3
- package/dist/runtime/components/feature-description/FeatureDescription.vue +46 -46
- package/dist/runtime/components/floating-label/FloatingLabel.vue +5 -5
- package/dist/runtime/components/floating-label/FloatingLabel.vue.d.ts +7 -2
- package/dist/runtime/components/forms/input/password/InputPassword.vue +25 -25
- package/dist/runtime/components/forms/input/password/InputPassword.vue.d.ts +1 -1
- package/dist/runtime/components/forms/input/standard/InputStandard.vue +108 -108
- package/dist/runtime/components/forms/input/textarea/ATextarea.vue +63 -63
- package/dist/runtime/components/forms/input/textarea/ATextarea.vue.d.ts +35 -3
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue +54 -54
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue.d.ts +1 -7
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue +57 -57
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue.d.ts +0 -26
- package/dist/runtime/components/header/AlmatyContacts.vue +76 -76
- package/dist/runtime/components/header/AstanaContacts.vue +31 -31
- package/dist/runtime/components/header/CardGallery.vue +60 -60
- package/dist/runtime/components/header/ContactMenu.vue +39 -39
- package/dist/runtime/components/header/ContactMenu.vue.d.ts +2 -8
- package/dist/runtime/components/header/HeaderLink.vue +46 -46
- package/dist/runtime/components/header/LangSwitcher.vue +26 -26
- package/dist/runtime/components/header/ListItem.vue +15 -15
- package/dist/runtime/components/header/NavCard.vue +28 -28
- package/dist/runtime/components/header/NavList.vue +52 -52
- package/dist/runtime/components/header/ProductMenu.vue +67 -67
- package/dist/runtime/components/header/ProductMenu.vue.d.ts +2 -8
- package/dist/runtime/components/header/ProfileMenu.vue +37 -37
- package/dist/runtime/components/header/ProfileMenu.vue.d.ts +1 -5
- package/dist/runtime/components/header/ProfileMenuContent.vue +140 -140
- package/dist/runtime/components/header/ProfileMenuContent.vue.d.ts +1 -5
- package/dist/runtime/components/header/TopHeader.vue +72 -72
- package/dist/runtime/components/header-mobile/HeaderMobile.vue +39 -39
- package/dist/runtime/components/header-mobile/HeaderMobile.vue.d.ts +14 -9
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue +41 -41
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue.d.ts +0 -29
- package/dist/runtime/components/mobile-navigation/MainButton.vue +8 -8
- package/dist/runtime/components/mobile-navigation/MainButton.vue.d.ts +1 -5
- package/dist/runtime/components/mobile-navigation/MobileProductMenu.vue +23 -23
- package/dist/runtime/components/modals/NoAccessContent.vue +34 -34
- package/dist/runtime/components/modals/NoAccessContent.vue.d.ts +1 -5
- package/dist/runtime/components/modals/NoAccessSimple.vue +16 -16
- package/dist/runtime/components/modals/NoAccessSimple.vue.d.ts +1 -5
- package/dist/runtime/components/modals/TokenTimeoutContent.vue +24 -24
- package/dist/runtime/components/modals/TokenTimeoutContent.vue.d.ts +1 -5
- package/dist/runtime/components/modals/id/IdAccessModal.vue +34 -34
- package/dist/runtime/components/modals/id/IdBanner.vue +29 -29
- package/dist/runtime/components/modals/id/IdConfirmAccountOtpModal.vue +43 -43
- package/dist/runtime/components/modals/id/IdConfirmSuccessfulModal.vue +17 -17
- package/dist/runtime/components/modals/id/IdLoginModal.vue +100 -100
- package/dist/runtime/components/modals/id/IdModals.vue +44 -44
- package/dist/runtime/components/modals/id/IdNewPasswordModal.vue +46 -46
- package/dist/runtime/components/modals/id/IdOtpInput.vue +30 -30
- package/dist/runtime/components/modals/id/IdPasswordSuccessfulModal.vue +14 -14
- package/dist/runtime/components/modals/id/IdRecoveryModal.vue +30 -30
- package/dist/runtime/components/modals/id/IdRegistrationModal.vue +68 -68
- package/dist/runtime/components/modals/id/IdResetPasswordOtpModal.vue +47 -47
- package/dist/runtime/components/modals/id/IdTwoFactorModal.vue +23 -23
- package/dist/runtime/components/payment/process/PaymentKaspiQrSidePanel.vue +51 -51
- package/dist/runtime/components/payment/process/PaymentKaspiRedirectSidePanel.vue +35 -35
- package/dist/runtime/components/payment/process/PaymentMethodSidePanel.vue +69 -69
- package/dist/runtime/components/payment/process/PaymentProcess.vue +26 -26
- package/dist/runtime/components/payment/process/PaymentTopUpSidePanel.vue +63 -63
- package/dist/runtime/components/photos-animation/PhotosAnimation.vue +9 -9
- package/dist/runtime/components/pill-tabs/PillTabs.vue +39 -39
- package/dist/runtime/components/pill-tabs/PillTabs.vue.d.ts +0 -46
- package/dist/runtime/components/radio-button/RadioButton.vue +33 -33
- package/dist/runtime/components/radio-button/RadioButton.vue.d.ts +36 -2
- package/dist/runtime/components/row-card/RowCard.vue +27 -27
- package/dist/runtime/components/row-card/RowCard.vue.d.ts +9 -2
- package/dist/runtime/components/select-row/index.vue +58 -58
- package/dist/runtime/components/select-row/index.vue.d.ts +1 -1
- package/dist/runtime/components/transitions/TransitionHeight.vue +9 -9
- package/dist/runtime/components/transitions/TransitionHeight.vue.d.ts +20 -2
- package/dist/runtime/components/tree-select/TreeSelect.vue +16 -16
- package/dist/runtime/components/tree-select/components/tree-select-nodes.vue +75 -75
- package/dist/runtime/icons/ai-assistant.vue +13 -13
- package/dist/runtime/icons/akimat.vue +20 -20
- package/dist/runtime/icons/arrow/arrow-circle-down.vue +18 -18
- package/dist/runtime/icons/arrow/arrow-graph-up.vue +24 -24
- package/dist/runtime/icons/arrow/arrow-side-up.vue +19 -19
- package/dist/runtime/icons/arrow/arrow-top-right-on-square.vue +19 -19
- package/dist/runtime/icons/arrow/chevron-down.vue +19 -19
- package/dist/runtime/icons/avatar.vue +41 -41
- package/dist/runtime/icons/avto/car.vue +17 -17
- package/dist/runtime/icons/avto/truck.vue +17 -17
- package/dist/runtime/icons/bank.vue +14 -14
- package/dist/runtime/icons/block.vue +19 -19
- package/dist/runtime/icons/bookmark.vue +19 -19
- package/dist/runtime/icons/calculator.vue +19 -19
- package/dist/runtime/icons/chartBar.vue +14 -14
- package/dist/runtime/icons/check-circle.vue +25 -25
- package/dist/runtime/icons/check-sb.vue +7 -7
- package/dist/runtime/icons/checkbox/checkbox-active.vue +19 -19
- package/dist/runtime/icons/checkbox/checkbox-empty.vue +20 -20
- package/dist/runtime/icons/checkbox/checkbox-intermediate.vue +19 -19
- package/dist/runtime/icons/chevron/chevron-down.vue +16 -16
- package/dist/runtime/icons/chevron/chevron-left.vue +5 -5
- package/dist/runtime/icons/chevron/chevron-right.vue +5 -5
- package/dist/runtime/icons/chevron/chevron-up.vue +5 -5
- package/dist/runtime/icons/chevron/double-chevron-right.vue +12 -12
- package/dist/runtime/icons/clipboard-text.vue +17 -17
- package/dist/runtime/icons/clock.vue +25 -25
- package/dist/runtime/icons/color-mode/moon.vue +20 -20
- package/dist/runtime/icons/color-mode/sun.vue +27 -27
- package/dist/runtime/icons/communication/mail.vue +19 -19
- package/dist/runtime/icons/communication/phone.vue +19 -19
- package/dist/runtime/icons/company.vue +19 -19
- package/dist/runtime/icons/currency/dollar.vue +19 -19
- package/dist/runtime/icons/currency/down.vue +22 -22
- package/dist/runtime/icons/currency/eur.vue +69 -69
- package/dist/runtime/icons/currency/rub.vue +25 -25
- package/dist/runtime/icons/currency/tenge.vue +9 -9
- package/dist/runtime/icons/currency/usd.vue +269 -269
- package/dist/runtime/icons/currency/yuan.vue +37 -37
- package/dist/runtime/icons/document/hdocument.vue +17 -17
- package/dist/runtime/icons/document/id.vue +19 -19
- package/dist/runtime/icons/document/profile.vue +19 -19
- package/dist/runtime/icons/eye-closed.vue +26 -26
- package/dist/runtime/icons/eye-open.vue +7 -7
- package/dist/runtime/icons/eye-opened.vue +23 -23
- package/dist/runtime/icons/file/excel-icon.vue +14 -14
- package/dist/runtime/icons/file/file.vue +19 -19
- package/dist/runtime/icons/file/files.vue +17 -17
- package/dist/runtime/icons/globe.vue +19 -19
- package/dist/runtime/icons/hand-with-phone/hand-with-phone-dark.vue +52 -52
- package/dist/runtime/icons/hand-with-phone/hand-with-phone-light.vue +52 -52
- package/dist/runtime/icons/handshake.vue +19 -19
- package/dist/runtime/icons/history.vue +19 -19
- package/dist/runtime/icons/hot-line.vue +6 -6
- package/dist/runtime/icons/id.vue +9 -9
- package/dist/runtime/icons/info/info-circle.vue +29 -29
- package/dist/runtime/icons/invoice.vue +35 -35
- package/dist/runtime/icons/kaspi-qr.vue +13 -13
- package/dist/runtime/icons/link-chain.vue +31 -31
- package/dist/runtime/icons/loader-circle.vue +34 -34
- package/dist/runtime/icons/lock.vue +19 -19
- package/dist/runtime/icons/logo/adata.vue +48 -48
- package/dist/runtime/icons/logo/logo.vue +27 -27
- package/dist/runtime/icons/map-paper.vue +5 -5
- package/dist/runtime/icons/map-pin-rect.vue +15 -15
- package/dist/runtime/icons/medal.vue +17 -17
- package/dist/runtime/icons/menu/menu-filled.vue +61 -61
- package/dist/runtime/icons/menu/menu.vue +41 -41
- package/dist/runtime/icons/message.vue +24 -24
- package/dist/runtime/icons/modals/door.vue +162 -162
- package/dist/runtime/icons/moon.vue +10 -10
- package/dist/runtime/icons/navigation/expand-window.vue +19 -19
- package/dist/runtime/icons/navigation/location.vue +25 -25
- package/dist/runtime/icons/navigation/logout.vue +19 -19
- package/dist/runtime/icons/notifications.vue +25 -25
- package/dist/runtime/icons/other-service/arrow-square-down.vue +15 -15
- package/dist/runtime/icons/other-service/arrow-top-right-on-square.vue +6 -6
- package/dist/runtime/icons/other-service/block.vue +16 -16
- package/dist/runtime/icons/other-service/currency-dollar.vue +16 -16
- package/dist/runtime/icons/other-service/globe.vue +16 -16
- package/dist/runtime/icons/other-service/link.vue +7 -7
- package/dist/runtime/icons/other-service/magnifying-glass.vue +9 -9
- package/dist/runtime/icons/other-service/standing-scales.vue +15 -15
- package/dist/runtime/icons/other-service/users-three.vue +7 -7
- package/dist/runtime/icons/payment/payment-card.vue +6 -6
- package/dist/runtime/icons/payment/payment-kaspi.vue +11 -11
- package/dist/runtime/icons/plus.vue +24 -24
- package/dist/runtime/icons/radio/radio-check.vue +24 -24
- package/dist/runtime/icons/radio/radio-empty.vue +20 -20
- package/dist/runtime/icons/receipt/hcheck.vue +27 -27
- package/dist/runtime/icons/receipt/receipt.vue +27 -27
- package/dist/runtime/icons/sanctions.vue +8 -8
- package/dist/runtime/icons/scale.vue +19 -19
- package/dist/runtime/icons/search.vue +27 -27
- package/dist/runtime/icons/socials/facebook.vue +15 -15
- package/dist/runtime/icons/socials/google.vue +41 -41
- package/dist/runtime/icons/socials/instagram.vue +19 -19
- package/dist/runtime/icons/socials/linkedin.vue +24 -24
- package/dist/runtime/icons/socials/mailru.vue +34 -34
- package/dist/runtime/icons/socials/telegram.vue +15 -15
- package/dist/runtime/icons/socials/tik-tok.vue +15 -15
- package/dist/runtime/icons/socials/whatsapp.vue +21 -21
- package/dist/runtime/icons/socials/yandex.vue +28 -28
- package/dist/runtime/icons/socials/youtube.vue +16 -16
- package/dist/runtime/icons/sun.vue +14 -14
- package/dist/runtime/icons/sviazi.vue +19 -19
- package/dist/runtime/icons/tasks.vue +10 -10
- package/dist/runtime/icons/toasts/check-circle-toast.vue +6 -6
- package/dist/runtime/icons/toasts/warning-triangle-toast.vue +7 -7
- package/dist/runtime/icons/users/users-three.vue +17 -17
- package/dist/runtime/icons/users/users.vue +31 -31
- package/dist/runtime/icons/warning-triangle.vue +29 -29
- package/dist/runtime/icons/work-bag.vue +20 -20
- package/dist/runtime/icons/x-mark.vue +18 -18
- package/dist/runtime/illustrations/address-location.vue +38 -38
- package/dist/runtime/illustrations/ball-with-chain.vue +120 -120
- package/dist/runtime/illustrations/bill.vue +133 -133
- package/dist/runtime/illustrations/buildings.vue +82 -82
- package/dist/runtime/illustrations/calendar.vue +156 -156
- package/dist/runtime/illustrations/chains.vue +152 -152
- package/dist/runtime/illustrations/coin-percent.vue +126 -126
- package/dist/runtime/illustrations/coins-stack.vue +202 -202
- package/dist/runtime/illustrations/delete-dark.vue +31 -31
- package/dist/runtime/illustrations/delete.vue +32 -32
- package/dist/runtime/illustrations/doc-with-stamp.vue +126 -126
- package/dist/runtime/illustrations/document.vue +64 -64
- package/dist/runtime/illustrations/door.vue +74 -74
- package/dist/runtime/illustrations/empty-box.vue +77 -77
- package/dist/runtime/illustrations/empty-wallet.vue +161 -161
- package/dist/runtime/illustrations/graph-in-coin.vue +119 -119
- package/dist/runtime/illustrations/hammer.vue +156 -156
- package/dist/runtime/illustrations/hand-cash.vue +108 -108
- package/dist/runtime/illustrations/info.vue +39 -39
- package/dist/runtime/illustrations/mail.vue +68 -68
- package/dist/runtime/illustrations/ok.vue +62 -62
- package/dist/runtime/illustrations/people-group.vue +237 -237
- package/dist/runtime/illustrations/person-with-phone.vue +187 -187
- package/dist/runtime/illustrations/person.vue +159 -159
- package/dist/runtime/illustrations/phone-check.vue +90 -90
- package/dist/runtime/illustrations/phone-payment-method.vue +223 -223
- package/dist/runtime/illustrations/stop-hand.vue +77 -77
- package/dist/runtime/illustrations/stop-sign.vue +34 -34
- package/dist/runtime/illustrations/suit.vue +111 -111
- package/dist/runtime/illustrations/suitcase.vue +105 -105
- package/dist/runtime/illustrations/terminal-dark.vue +48 -48
- package/dist/runtime/illustrations/terminal.vue +234 -234
- package/dist/runtime/illustrations/trash-can.vue +108 -108
- package/dist/runtime/illustrations/turn-on-tariff.vue +38 -38
- package/dist/runtime/illustrations/two-persons.vue +169 -169
- package/dist/runtime/lang/en.js +1 -1
- package/dist/runtime/lang/kk.js +1 -1
- package/dist/runtime/lang/ru.js +1 -1
- package/dist/runtime/public/kaspi/logo.svg +4 -4
- package/dist/runtime/server/tsconfig.json +3 -3
- package/package.json +73 -73
|
@@ -24,183 +24,183 @@ const isActive = computed(() => {
|
|
|
24
24
|
</script>
|
|
25
25
|
|
|
26
26
|
<template>
|
|
27
|
-
<component
|
|
28
|
-
:is="to ? NuxtLinkLocale : 'button'"
|
|
29
|
-
:to="to"
|
|
30
|
-
class="curve-block relative w-full cursor-pointer"
|
|
31
|
-
:class="{ 'active-item': isActive }"
|
|
32
|
-
>
|
|
33
|
-
<svg
|
|
34
|
-
v-if="wide"
|
|
35
|
-
class="w-full"
|
|
36
|
-
viewBox="-2 -4 416 188"
|
|
37
|
-
fill="none"
|
|
38
|
-
preserveAspectRatio="none"
|
|
39
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
-
>
|
|
41
|
-
<path
|
|
42
|
-
class="border-path border-path--large"
|
|
43
|
-
d="M413.333 105.936C413.333 116.008 399.074 123 389.001 123C369.671 123 354.001 138.67 354.001 158C354.001 168.009 347.088 182 337.079 182H16.3334C7.49682 182 0.333374 174.837 0.333374 166V16C0.333374 7.16344 7.49682 0 16.3334 0H397.333C406.17 0 413.333 7.16344 413.333 16V105.936Z"
|
|
44
|
-
stroke-width="2"
|
|
45
|
-
fill="transparent"
|
|
46
|
-
/>
|
|
47
|
-
<defs>
|
|
48
|
-
<linearGradient
|
|
49
|
-
id="gradient-light"
|
|
50
|
-
x1="164.372"
|
|
51
|
-
y1="-137.957"
|
|
52
|
-
x2="-20.5433"
|
|
53
|
-
y2="68.1723"
|
|
54
|
-
gradientUnits="userSpaceOnUse"
|
|
55
|
-
>
|
|
56
|
-
<stop stop-color="#479FFF" />
|
|
57
|
-
<stop
|
|
58
|
-
offset="1"
|
|
59
|
-
stop-color="#0070EB"
|
|
60
|
-
/>
|
|
61
|
-
</linearGradient>
|
|
62
|
-
|
|
63
|
-
<linearGradient
|
|
64
|
-
id="gradient-dark"
|
|
65
|
-
x1="164.372"
|
|
66
|
-
y1="-137.957"
|
|
67
|
-
x2="-20.5433"
|
|
68
|
-
y2="68.1723"
|
|
69
|
-
gradientUnits="userSpaceOnUse"
|
|
70
|
-
>
|
|
71
|
-
<stop stop-color="#4FBDFF" />
|
|
72
|
-
<stop
|
|
73
|
-
offset="1"
|
|
74
|
-
stop-color="#1B98E2"
|
|
75
|
-
/>
|
|
76
|
-
</linearGradient>
|
|
77
|
-
</defs>
|
|
78
|
-
</svg>
|
|
79
|
-
|
|
80
|
-
<svg
|
|
81
|
-
v-else
|
|
82
|
-
class="w-full"
|
|
83
|
-
viewBox="-1 -1 308 184"
|
|
84
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
85
|
-
>
|
|
86
|
-
<path
|
|
87
|
-
class="border-path"
|
|
88
|
-
d="M306 106.077C306 116.087 292.009 123 282 123C262.67 123 247 138.67 247 158C247 168.009 240.087 182 230.077 182H16C7.16344 182 0 174.837 0 166V16C0 7.16344 7.16344 0 16 0H290C298.837 0 306 7.16344 306 16V106.077Z"
|
|
89
|
-
stroke-width="2"
|
|
90
|
-
fill="transparent"
|
|
91
|
-
/>
|
|
92
|
-
<defs>
|
|
93
|
-
<linearGradient
|
|
94
|
-
id="gradient-light"
|
|
95
|
-
x1="164.372"
|
|
96
|
-
y1="-137.957"
|
|
97
|
-
x2="-20.5433"
|
|
98
|
-
y2="68.1723"
|
|
99
|
-
gradientUnits="userSpaceOnUse"
|
|
100
|
-
>
|
|
101
|
-
<stop stop-color="#479FFF" />
|
|
102
|
-
<stop
|
|
103
|
-
offset="1"
|
|
104
|
-
stop-color="#0070EB"
|
|
105
|
-
/>
|
|
106
|
-
</linearGradient>
|
|
107
|
-
|
|
108
|
-
<linearGradient
|
|
109
|
-
id="gradient-dark"
|
|
110
|
-
x1="164.372"
|
|
111
|
-
y1="-137.957"
|
|
112
|
-
x2="-20.5433"
|
|
113
|
-
y2="68.1723"
|
|
114
|
-
gradientUnits="userSpaceOnUse"
|
|
115
|
-
>
|
|
116
|
-
<stop stop-color="#4FBDFF" />
|
|
117
|
-
<stop
|
|
118
|
-
offset="1"
|
|
119
|
-
stop-color="#1B98E2"
|
|
120
|
-
/>
|
|
121
|
-
</linearGradient>
|
|
122
|
-
</defs>
|
|
123
|
-
</svg>
|
|
124
|
-
|
|
125
|
-
<div class="absolute left-6 top-6 flex flex-col gap-4 pr-6">
|
|
126
|
-
<div class="flex items-center gap-2">
|
|
127
|
-
<div class="rounded-[4px] icon-item bg-deepblue-900/5 dark:bg-gray-200/5 p-1 ">
|
|
128
|
-
<component
|
|
129
|
-
:is="icon"
|
|
130
|
-
class="size-6 shrink-0"
|
|
131
|
-
/>
|
|
132
|
-
</div>
|
|
133
|
-
<p class="text-base title font-semibold">
|
|
134
|
-
{{ title }}
|
|
135
|
-
</p>
|
|
136
|
-
</div>
|
|
137
|
-
<p class="text-sm text-left text-gray-600 dark:text-gray-200">
|
|
138
|
-
{{ description }}
|
|
139
|
-
</p>
|
|
140
|
-
</div>
|
|
141
|
-
|
|
142
|
-
<svg
|
|
143
|
-
class="absolute bottom-0 right-0 size-12 2xl:size-14"
|
|
144
|
-
viewBox="0 0 48 48"
|
|
145
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
146
|
-
>
|
|
147
|
-
<rect
|
|
148
|
-
x="1"
|
|
149
|
-
y="1"
|
|
150
|
-
width="46"
|
|
151
|
-
height="46"
|
|
152
|
-
rx="23"
|
|
153
|
-
fill="transparent"
|
|
154
|
-
/>
|
|
155
|
-
<rect
|
|
156
|
-
class="animated-border"
|
|
157
|
-
x="1"
|
|
158
|
-
y="1"
|
|
159
|
-
width="46"
|
|
160
|
-
height="46"
|
|
161
|
-
rx="23"
|
|
162
|
-
stroke-width="2"
|
|
163
|
-
fill="transparent"
|
|
164
|
-
/>
|
|
165
|
-
<path
|
|
166
|
-
class="arrow"
|
|
167
|
-
fill-rule="evenodd"
|
|
168
|
-
clip-rule="evenodd"
|
|
169
|
-
d="M17.1155 16C16.4994 16 16 16.4994 16 17.1155C16 17.7315 16.4994 18.231 17.1155 18.231L28.1915 18.231L16.3267 30.0958C15.8911 30.5314 15.8911 31.2377 16.3267 31.6733C16.7623 32.1089 17.4686 32.1089 17.9042 31.6733L29.769 19.8085L29.769 30.8845C29.769 31.5006 30.2685 32 30.8845 32C31.5006 32 32 31.5006 32 30.8845L32 17.1155C32 16.9642 31.9699 16.82 31.9154 16.6885C31.8617 16.5589 31.7826 16.4373 31.678 16.3315C31.6749 16.3283 31.6717 16.3251 31.6685 16.322C31.5627 16.2174 31.4411 16.1383 31.3115 16.0846C31.18 16.0301 31.0358 16 30.8845 16L17.1155 16Z"
|
|
170
|
-
/>
|
|
171
|
-
<defs>
|
|
172
|
-
<linearGradient
|
|
173
|
-
id="gradient-circle-light"
|
|
174
|
-
x1="25.7838"
|
|
175
|
-
y1="-36.3843"
|
|
176
|
-
x2="-19.403"
|
|
177
|
-
y2="-6.42519"
|
|
178
|
-
gradientUnits="userSpaceOnUse"
|
|
179
|
-
>
|
|
180
|
-
<stop stop-color="#479FFF" />
|
|
181
|
-
<stop
|
|
182
|
-
offset="1"
|
|
183
|
-
stop-color="#0070EB"
|
|
184
|
-
/>
|
|
185
|
-
</linearGradient>
|
|
186
|
-
|
|
187
|
-
<linearGradient
|
|
188
|
-
id="gradient-circle-dark"
|
|
189
|
-
x1="25.7838"
|
|
190
|
-
y1="-36.3843"
|
|
191
|
-
x2="-19.403"
|
|
192
|
-
y2="-6.42519"
|
|
193
|
-
gradientUnits="userSpaceOnUse"
|
|
194
|
-
>
|
|
195
|
-
<stop stop-color="#4FBDFF" />
|
|
196
|
-
<stop
|
|
197
|
-
offset="1"
|
|
198
|
-
stop-color="#1B98E2"
|
|
199
|
-
/>
|
|
200
|
-
</linearGradient>
|
|
201
|
-
</defs>
|
|
202
|
-
</svg>
|
|
203
|
-
</component>
|
|
27
|
+
<component
|
|
28
|
+
:is="to ? NuxtLinkLocale : 'button'"
|
|
29
|
+
:to="to"
|
|
30
|
+
class="curve-block relative w-full cursor-pointer"
|
|
31
|
+
:class="{ 'active-item': isActive }"
|
|
32
|
+
>
|
|
33
|
+
<svg
|
|
34
|
+
v-if="wide"
|
|
35
|
+
class="w-full"
|
|
36
|
+
viewBox="-2 -4 416 188"
|
|
37
|
+
fill="none"
|
|
38
|
+
preserveAspectRatio="none"
|
|
39
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
+
>
|
|
41
|
+
<path
|
|
42
|
+
class="border-path border-path--large"
|
|
43
|
+
d="M413.333 105.936C413.333 116.008 399.074 123 389.001 123C369.671 123 354.001 138.67 354.001 158C354.001 168.009 347.088 182 337.079 182H16.3334C7.49682 182 0.333374 174.837 0.333374 166V16C0.333374 7.16344 7.49682 0 16.3334 0H397.333C406.17 0 413.333 7.16344 413.333 16V105.936Z"
|
|
44
|
+
stroke-width="2"
|
|
45
|
+
fill="transparent"
|
|
46
|
+
/>
|
|
47
|
+
<defs>
|
|
48
|
+
<linearGradient
|
|
49
|
+
id="gradient-light"
|
|
50
|
+
x1="164.372"
|
|
51
|
+
y1="-137.957"
|
|
52
|
+
x2="-20.5433"
|
|
53
|
+
y2="68.1723"
|
|
54
|
+
gradientUnits="userSpaceOnUse"
|
|
55
|
+
>
|
|
56
|
+
<stop stop-color="#479FFF" />
|
|
57
|
+
<stop
|
|
58
|
+
offset="1"
|
|
59
|
+
stop-color="#0070EB"
|
|
60
|
+
/>
|
|
61
|
+
</linearGradient>
|
|
62
|
+
|
|
63
|
+
<linearGradient
|
|
64
|
+
id="gradient-dark"
|
|
65
|
+
x1="164.372"
|
|
66
|
+
y1="-137.957"
|
|
67
|
+
x2="-20.5433"
|
|
68
|
+
y2="68.1723"
|
|
69
|
+
gradientUnits="userSpaceOnUse"
|
|
70
|
+
>
|
|
71
|
+
<stop stop-color="#4FBDFF" />
|
|
72
|
+
<stop
|
|
73
|
+
offset="1"
|
|
74
|
+
stop-color="#1B98E2"
|
|
75
|
+
/>
|
|
76
|
+
</linearGradient>
|
|
77
|
+
</defs>
|
|
78
|
+
</svg>
|
|
79
|
+
|
|
80
|
+
<svg
|
|
81
|
+
v-else
|
|
82
|
+
class="w-full"
|
|
83
|
+
viewBox="-1 -1 308 184"
|
|
84
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
85
|
+
>
|
|
86
|
+
<path
|
|
87
|
+
class="border-path"
|
|
88
|
+
d="M306 106.077C306 116.087 292.009 123 282 123C262.67 123 247 138.67 247 158C247 168.009 240.087 182 230.077 182H16C7.16344 182 0 174.837 0 166V16C0 7.16344 7.16344 0 16 0H290C298.837 0 306 7.16344 306 16V106.077Z"
|
|
89
|
+
stroke-width="2"
|
|
90
|
+
fill="transparent"
|
|
91
|
+
/>
|
|
92
|
+
<defs>
|
|
93
|
+
<linearGradient
|
|
94
|
+
id="gradient-light"
|
|
95
|
+
x1="164.372"
|
|
96
|
+
y1="-137.957"
|
|
97
|
+
x2="-20.5433"
|
|
98
|
+
y2="68.1723"
|
|
99
|
+
gradientUnits="userSpaceOnUse"
|
|
100
|
+
>
|
|
101
|
+
<stop stop-color="#479FFF" />
|
|
102
|
+
<stop
|
|
103
|
+
offset="1"
|
|
104
|
+
stop-color="#0070EB"
|
|
105
|
+
/>
|
|
106
|
+
</linearGradient>
|
|
107
|
+
|
|
108
|
+
<linearGradient
|
|
109
|
+
id="gradient-dark"
|
|
110
|
+
x1="164.372"
|
|
111
|
+
y1="-137.957"
|
|
112
|
+
x2="-20.5433"
|
|
113
|
+
y2="68.1723"
|
|
114
|
+
gradientUnits="userSpaceOnUse"
|
|
115
|
+
>
|
|
116
|
+
<stop stop-color="#4FBDFF" />
|
|
117
|
+
<stop
|
|
118
|
+
offset="1"
|
|
119
|
+
stop-color="#1B98E2"
|
|
120
|
+
/>
|
|
121
|
+
</linearGradient>
|
|
122
|
+
</defs>
|
|
123
|
+
</svg>
|
|
124
|
+
|
|
125
|
+
<div class="absolute left-6 top-6 flex flex-col gap-4 pr-6">
|
|
126
|
+
<div class="flex items-center gap-2">
|
|
127
|
+
<div class="rounded-[4px] icon-item bg-deepblue-900/5 dark:bg-gray-200/5 p-1 ">
|
|
128
|
+
<component
|
|
129
|
+
:is="icon"
|
|
130
|
+
class="size-6 shrink-0"
|
|
131
|
+
/>
|
|
132
|
+
</div>
|
|
133
|
+
<p class="text-base title font-semibold">
|
|
134
|
+
{{ title }}
|
|
135
|
+
</p>
|
|
136
|
+
</div>
|
|
137
|
+
<p class="text-sm text-left text-gray-600 dark:text-gray-200">
|
|
138
|
+
{{ description }}
|
|
139
|
+
</p>
|
|
140
|
+
</div>
|
|
141
|
+
|
|
142
|
+
<svg
|
|
143
|
+
class="absolute bottom-0 right-0 size-12 2xl:size-14"
|
|
144
|
+
viewBox="0 0 48 48"
|
|
145
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
146
|
+
>
|
|
147
|
+
<rect
|
|
148
|
+
x="1"
|
|
149
|
+
y="1"
|
|
150
|
+
width="46"
|
|
151
|
+
height="46"
|
|
152
|
+
rx="23"
|
|
153
|
+
fill="transparent"
|
|
154
|
+
/>
|
|
155
|
+
<rect
|
|
156
|
+
class="animated-border"
|
|
157
|
+
x="1"
|
|
158
|
+
y="1"
|
|
159
|
+
width="46"
|
|
160
|
+
height="46"
|
|
161
|
+
rx="23"
|
|
162
|
+
stroke-width="2"
|
|
163
|
+
fill="transparent"
|
|
164
|
+
/>
|
|
165
|
+
<path
|
|
166
|
+
class="arrow"
|
|
167
|
+
fill-rule="evenodd"
|
|
168
|
+
clip-rule="evenodd"
|
|
169
|
+
d="M17.1155 16C16.4994 16 16 16.4994 16 17.1155C16 17.7315 16.4994 18.231 17.1155 18.231L28.1915 18.231L16.3267 30.0958C15.8911 30.5314 15.8911 31.2377 16.3267 31.6733C16.7623 32.1089 17.4686 32.1089 17.9042 31.6733L29.769 19.8085L29.769 30.8845C29.769 31.5006 30.2685 32 30.8845 32C31.5006 32 32 31.5006 32 30.8845L32 17.1155C32 16.9642 31.9699 16.82 31.9154 16.6885C31.8617 16.5589 31.7826 16.4373 31.678 16.3315C31.6749 16.3283 31.6717 16.3251 31.6685 16.322C31.5627 16.2174 31.4411 16.1383 31.3115 16.0846C31.18 16.0301 31.0358 16 30.8845 16L17.1155 16Z"
|
|
170
|
+
/>
|
|
171
|
+
<defs>
|
|
172
|
+
<linearGradient
|
|
173
|
+
id="gradient-circle-light"
|
|
174
|
+
x1="25.7838"
|
|
175
|
+
y1="-36.3843"
|
|
176
|
+
x2="-19.403"
|
|
177
|
+
y2="-6.42519"
|
|
178
|
+
gradientUnits="userSpaceOnUse"
|
|
179
|
+
>
|
|
180
|
+
<stop stop-color="#479FFF" />
|
|
181
|
+
<stop
|
|
182
|
+
offset="1"
|
|
183
|
+
stop-color="#0070EB"
|
|
184
|
+
/>
|
|
185
|
+
</linearGradient>
|
|
186
|
+
|
|
187
|
+
<linearGradient
|
|
188
|
+
id="gradient-circle-dark"
|
|
189
|
+
x1="25.7838"
|
|
190
|
+
y1="-36.3843"
|
|
191
|
+
x2="-19.403"
|
|
192
|
+
y2="-6.42519"
|
|
193
|
+
gradientUnits="userSpaceOnUse"
|
|
194
|
+
>
|
|
195
|
+
<stop stop-color="#4FBDFF" />
|
|
196
|
+
<stop
|
|
197
|
+
offset="1"
|
|
198
|
+
stop-color="#1B98E2"
|
|
199
|
+
/>
|
|
200
|
+
</linearGradient>
|
|
201
|
+
</defs>
|
|
202
|
+
</svg>
|
|
203
|
+
</component>
|
|
204
204
|
</template>
|
|
205
205
|
|
|
206
206
|
<style scoped>
|
|
@@ -50,9 +50,9 @@ const sizeSwitchValues = {
|
|
|
50
50
|
</script>
|
|
51
51
|
|
|
52
52
|
<template>
|
|
53
|
-
<div
|
|
54
|
-
:class="twMerge(...classes, customClasses)"
|
|
55
|
-
>
|
|
56
|
-
{{ prefix }}{{ formattedValue }}
|
|
57
|
-
</div>
|
|
53
|
+
<div
|
|
54
|
+
:class="twMerge(...classes, customClasses)"
|
|
55
|
+
>
|
|
56
|
+
{{ prefix }}{{ formattedValue }}
|
|
57
|
+
</div>
|
|
58
58
|
</template>
|
|
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
15
15
|
type: "primary" | "success" | "danger" | "gray" | "orange" | "warning";
|
|
16
16
|
view: "default" | "inverted";
|
|
17
17
|
disabled: boolean;
|
|
18
|
-
prefix: string;
|
|
19
18
|
customClasses: string;
|
|
19
|
+
prefix: string;
|
|
20
20
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
21
|
export default _default;
|
|
@@ -31,43 +31,43 @@ const MAX_SIZE_CLASSES = {
|
|
|
31
31
|
</script>
|
|
32
32
|
|
|
33
33
|
<template>
|
|
34
|
-
<drawer-root
|
|
35
|
-
v-model:open="open"
|
|
36
|
-
:direction="side"
|
|
37
|
-
>
|
|
38
|
-
<drawer-portal>
|
|
39
|
-
<drawer-overlay class="fixed inset-0 bg-black/50" />
|
|
40
|
-
|
|
41
|
-
<drawer-content
|
|
34
|
+
<drawer-root
|
|
35
|
+
v-model:open="open"
|
|
36
|
+
:direction="side"
|
|
37
|
+
>
|
|
38
|
+
<drawer-portal>
|
|
39
|
+
<drawer-overlay class="fixed inset-0 bg-black/50" />
|
|
40
|
+
|
|
41
|
+
<drawer-content
|
|
42
42
|
:class="[
|
|
43
43
|
'fixed bg-white dark:bg-gray-900 shadow-2xl flex flex-col',
|
|
44
44
|
POSITION_CLASSES[props.side],
|
|
45
45
|
CORNER_CLASSES[props.side],
|
|
46
46
|
MAX_SIZE_CLASSES[props.side]
|
|
47
|
-
]"
|
|
48
|
-
>
|
|
49
|
-
<drawer-handle
|
|
47
|
+
]"
|
|
48
|
+
>
|
|
49
|
+
<drawer-handle
|
|
50
50
|
:class="[
|
|
51
51
|
HANDLE_POSITION_CLASSES[props.side]
|
|
52
|
-
]"
|
|
53
|
-
/>
|
|
54
|
-
|
|
55
|
-
<div
|
|
56
|
-
v-if="$slots.header"
|
|
57
|
-
class="border-b border-deepblue-900/5 dark:border-gray-200/5 p-4"
|
|
58
|
-
>
|
|
59
|
-
<slot name="header" />
|
|
60
|
-
</div>
|
|
61
|
-
<div class="p-4 flex-1 overflow-y-auto">
|
|
62
|
-
<slot name="default" />
|
|
63
|
-
</div>
|
|
64
|
-
<div
|
|
65
|
-
v-if="$slots.footer"
|
|
66
|
-
class="border-t border-deepblue-900/5 dark:border-gray-200/5 p-4"
|
|
67
|
-
>
|
|
68
|
-
<slot name="footer" />
|
|
69
|
-
</div>
|
|
70
|
-
</drawer-content>
|
|
71
|
-
</drawer-portal>
|
|
72
|
-
</drawer-root>
|
|
52
|
+
]"
|
|
53
|
+
/>
|
|
54
|
+
|
|
55
|
+
<div
|
|
56
|
+
v-if="$slots.header"
|
|
57
|
+
class="border-b border-deepblue-900/5 dark:border-gray-200/5 p-4"
|
|
58
|
+
>
|
|
59
|
+
<slot name="header" />
|
|
60
|
+
</div>
|
|
61
|
+
<div class="p-4 flex-1 overflow-y-auto">
|
|
62
|
+
<slot name="default" />
|
|
63
|
+
</div>
|
|
64
|
+
<div
|
|
65
|
+
v-if="$slots.footer"
|
|
66
|
+
class="border-t border-deepblue-900/5 dark:border-gray-200/5 p-4"
|
|
67
|
+
>
|
|
68
|
+
<slot name="footer" />
|
|
69
|
+
</div>
|
|
70
|
+
</drawer-content>
|
|
71
|
+
</drawer-portal>
|
|
72
|
+
</drawer-root>
|
|
73
73
|
</template>
|
|
@@ -1,17 +1,62 @@
|
|
|
1
|
+
import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle } from 'vaul-vue';
|
|
1
2
|
type __VLS_Props = {
|
|
2
3
|
side?: 'right' | 'left' | 'top' | 'bottom';
|
|
3
4
|
};
|
|
5
|
+
declare const open: import("vue").ModelRef<boolean, string, boolean, boolean>;
|
|
6
|
+
declare const POSITION_CLASSES: {
|
|
7
|
+
right: string;
|
|
8
|
+
left: string;
|
|
9
|
+
top: string;
|
|
10
|
+
bottom: string;
|
|
11
|
+
};
|
|
12
|
+
declare const CORNER_CLASSES: {
|
|
13
|
+
left: string;
|
|
14
|
+
right: string;
|
|
15
|
+
top: string;
|
|
16
|
+
bottom: string;
|
|
17
|
+
};
|
|
18
|
+
declare const HANDLE_POSITION_CLASSES: {
|
|
19
|
+
top: string;
|
|
20
|
+
bottom: string;
|
|
21
|
+
left: string;
|
|
22
|
+
right: string;
|
|
23
|
+
};
|
|
24
|
+
declare const MAX_SIZE_CLASSES: {
|
|
25
|
+
top: string;
|
|
26
|
+
bottom: string;
|
|
27
|
+
left: string;
|
|
28
|
+
right: string;
|
|
29
|
+
};
|
|
4
30
|
type __VLS_PublicProps = __VLS_Props & {
|
|
5
31
|
modelValue?: boolean;
|
|
6
32
|
};
|
|
33
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
7
34
|
declare var __VLS_22: {}, __VLS_24: {}, __VLS_26: {};
|
|
8
|
-
type __VLS_Slots =
|
|
35
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
9
36
|
header?: (props: typeof __VLS_22) => any;
|
|
10
37
|
} & {
|
|
11
38
|
default?: (props: typeof __VLS_24) => any;
|
|
12
39
|
} & {
|
|
13
40
|
footer?: (props: typeof __VLS_26) => any;
|
|
14
|
-
}
|
|
41
|
+
}>;
|
|
42
|
+
declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
43
|
+
DrawerRoot: typeof DrawerRoot;
|
|
44
|
+
DrawerPortal: typeof DrawerPortal;
|
|
45
|
+
DrawerOverlay: typeof DrawerOverlay;
|
|
46
|
+
DrawerContent: typeof DrawerContent;
|
|
47
|
+
DrawerHandle: typeof DrawerHandle;
|
|
48
|
+
open: typeof open;
|
|
49
|
+
POSITION_CLASSES: typeof POSITION_CLASSES;
|
|
50
|
+
CORNER_CLASSES: typeof CORNER_CLASSES;
|
|
51
|
+
HANDLE_POSITION_CLASSES: typeof HANDLE_POSITION_CLASSES;
|
|
52
|
+
MAX_SIZE_CLASSES: typeof MAX_SIZE_CLASSES;
|
|
53
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
54
|
+
"update:modelValue": (value: boolean) => any;
|
|
55
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
56
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
57
|
+
}>, {
|
|
58
|
+
side: "right" | "left" | "top" | "bottom";
|
|
59
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
60
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
61
|
"update:modelValue": (value: boolean) => any;
|
|
17
62
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
@@ -4,10 +4,10 @@ import LangSwitcher from "./header/LangSwitcher.vue";
|
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<template>
|
|
7
|
-
<header class="h-16 bg-white border-b-[1px] border-deepblue-900/10 dark:bg-gray-900">
|
|
8
|
-
<div class="a-container flex items-center justify-end h-full gap-4">
|
|
9
|
-
<color-mode />
|
|
10
|
-
<lang-switcher />
|
|
11
|
-
</div>
|
|
12
|
-
</header>
|
|
7
|
+
<header class="h-16 bg-white border-b-[1px] border-deepblue-900/10 dark:bg-gray-900">
|
|
8
|
+
<div class="a-container flex items-center justify-end h-full gap-4">
|
|
9
|
+
<color-mode />
|
|
10
|
+
<lang-switcher />
|
|
11
|
+
</div>
|
|
12
|
+
</header>
|
|
13
13
|
</template>
|
|
@@ -100,63 +100,63 @@ function handleError() {
|
|
|
100
100
|
</script>
|
|
101
101
|
|
|
102
102
|
<template>
|
|
103
|
-
<div class="container mx-auto lg:fixed lg:left-[50%] lg:top-[50%] lg:-translate-x-[50%] lg:-translate-y-[50%]">
|
|
104
|
-
<error-template :error="errorData">
|
|
105
|
-
<template #content>
|
|
106
|
-
<div class="body-500 mt-4 flex flex-col gap-4">
|
|
107
|
-
<div
|
|
108
|
-
v-if="errorData?.content"
|
|
109
|
-
class="flex flex-col gap-4 lg:gap-2"
|
|
110
|
-
>
|
|
111
|
-
<p
|
|
112
|
-
v-if="errorData.content?.title"
|
|
113
|
-
class="text-base font-bold"
|
|
114
|
-
>
|
|
115
|
-
{{ errorData.content.title }}
|
|
116
|
-
</p>
|
|
117
|
-
<p
|
|
118
|
-
v-if="errorData.content?.subTitle"
|
|
119
|
-
class="text-sm font-medium lg:max-w-[560px]"
|
|
120
|
-
>
|
|
121
|
-
{{ errorData.content.subTitle }}
|
|
122
|
-
</p>
|
|
123
|
-
<p
|
|
124
|
-
v-if="errorData.content?.subTitleSecond"
|
|
125
|
-
class="text-sm font-medium"
|
|
126
|
-
>
|
|
127
|
-
{{
|
|
128
|
-
errorData.content.subTitleSecond
|
|
129
|
-
}}
|
|
130
|
-
</p>
|
|
131
|
-
<div
|
|
132
|
-
v-for="item in errorData.content?.list"
|
|
133
|
-
:key="item.id"
|
|
134
|
-
class="flex items-center gap-1 text-sm font-medium"
|
|
135
|
-
>
|
|
136
|
-
<i-check-circle class="stroke-blue-600" />
|
|
137
|
-
{{ item.label }}
|
|
138
|
-
<span
|
|
139
|
-
v-if="item.link"
|
|
140
|
-
class="text-blue-700"
|
|
141
|
-
>info@adata.kz</span>
|
|
142
|
-
</div>
|
|
143
|
-
</div>
|
|
144
|
-
</div>
|
|
145
|
-
</template>
|
|
146
|
-
<template #default>
|
|
147
|
-
<div class="mt-0 w-full p-4 lg:mt-8 lg:w-fit lg:p-0">
|
|
148
|
-
<adt-button
|
|
149
|
-
v-if="errorData.statusCode !== 502"
|
|
150
|
-
class="w-full lg:w-fit"
|
|
151
|
-
@click="handleError"
|
|
152
|
-
>
|
|
153
|
-
{{t("modals.buttons.goToMainPage")}}
|
|
154
|
-
</adt-button>
|
|
155
|
-
</div>
|
|
156
|
-
</template>
|
|
157
|
-
</error-template>
|
|
158
|
-
<span class="hidden">
|
|
159
|
-
{{ error }}
|
|
160
|
-
</span>
|
|
161
|
-
</div>
|
|
103
|
+
<div class="container mx-auto lg:fixed lg:left-[50%] lg:top-[50%] lg:-translate-x-[50%] lg:-translate-y-[50%]">
|
|
104
|
+
<error-template :error="errorData">
|
|
105
|
+
<template #content>
|
|
106
|
+
<div class="body-500 mt-4 flex flex-col gap-4">
|
|
107
|
+
<div
|
|
108
|
+
v-if="errorData?.content"
|
|
109
|
+
class="flex flex-col gap-4 lg:gap-2"
|
|
110
|
+
>
|
|
111
|
+
<p
|
|
112
|
+
v-if="errorData.content?.title"
|
|
113
|
+
class="text-base font-bold"
|
|
114
|
+
>
|
|
115
|
+
{{ errorData.content.title }}
|
|
116
|
+
</p>
|
|
117
|
+
<p
|
|
118
|
+
v-if="errorData.content?.subTitle"
|
|
119
|
+
class="text-sm font-medium lg:max-w-[560px]"
|
|
120
|
+
>
|
|
121
|
+
{{ errorData.content.subTitle }}
|
|
122
|
+
</p>
|
|
123
|
+
<p
|
|
124
|
+
v-if="errorData.content?.subTitleSecond"
|
|
125
|
+
class="text-sm font-medium"
|
|
126
|
+
>
|
|
127
|
+
{{
|
|
128
|
+
errorData.content.subTitleSecond
|
|
129
|
+
}}
|
|
130
|
+
</p>
|
|
131
|
+
<div
|
|
132
|
+
v-for="item in errorData.content?.list"
|
|
133
|
+
:key="item.id"
|
|
134
|
+
class="flex items-center gap-1 text-sm font-medium"
|
|
135
|
+
>
|
|
136
|
+
<i-check-circle class="stroke-blue-600" />
|
|
137
|
+
{{ item.label }}
|
|
138
|
+
<span
|
|
139
|
+
v-if="item.link"
|
|
140
|
+
class="text-blue-700"
|
|
141
|
+
>info@adata.kz</span>
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
</div>
|
|
145
|
+
</template>
|
|
146
|
+
<template #default>
|
|
147
|
+
<div class="mt-0 w-full p-4 lg:mt-8 lg:w-fit lg:p-0">
|
|
148
|
+
<adt-button
|
|
149
|
+
v-if="errorData.statusCode !== 502"
|
|
150
|
+
class="w-full lg:w-fit"
|
|
151
|
+
@click="handleError"
|
|
152
|
+
>
|
|
153
|
+
{{t("modals.buttons.goToMainPage")}}
|
|
154
|
+
</adt-button>
|
|
155
|
+
</div>
|
|
156
|
+
</template>
|
|
157
|
+
</error-template>
|
|
158
|
+
<span class="hidden">
|
|
159
|
+
{{ error }}
|
|
160
|
+
</span>
|
|
161
|
+
</div>
|
|
162
162
|
</template>
|