adata-ui 3.1.80 → 3.1.82
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 +2 -37
- package/dist/runtime/components/Chip.vue +5 -5
- package/dist/runtime/components/Chip.vue.d.ts +2 -21
- 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 +2 -47
- package/dist/runtime/components/EmptyHeader.vue +6 -6
- package/dist/runtime/components/Error.vue +59 -59
- package/dist/runtime/components/Footer.vue +73 -73
- package/dist/runtime/components/FooterAccordion.vue +45 -45
- package/dist/runtime/components/Header.vue +111 -111
- package/dist/runtime/components/Header.vue.d.ts +50 -0
- package/dist/runtime/components/Modal.vue +78 -78
- package/dist/runtime/components/Modal.vue.d.ts +9 -49
- package/dist/runtime/components/NewFooter.vue +114 -114
- 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 +3 -79
- package/dist/runtime/components/Tag.vue +4 -4
- package/dist/runtime/components/Tag.vue.d.ts +2 -12
- 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 +4 -44
- package/dist/runtime/components/button/Button.vue +22 -22
- package/dist/runtime/components/button/Button.vue.d.ts +4 -22
- package/dist/runtime/components/checkbox/Checkbox.vue +58 -58
- package/dist/runtime/components/checkbox/Checkbox.vue.d.ts +7 -39
- 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 +3 -5
- 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 +2 -7
- 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 +3 -35
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue +61 -55
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue.d.ts +11 -2
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue +63 -59
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue.d.ts +27 -0
- 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 +8 -2
- package/dist/runtime/components/header/HeaderLink.vue +68 -55
- 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 +72 -72
- package/dist/runtime/components/header/ProductMenu.vue.d.ts +8 -2
- package/dist/runtime/components/header/ProfileMenu.vue +37 -37
- package/dist/runtime/components/header/ProfileMenu.vue.d.ts +5 -1
- package/dist/runtime/components/header/ProfileMenuContent.vue +140 -140
- package/dist/runtime/components/header/ProfileMenuContent.vue.d.ts +5 -1
- 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 +9 -14
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue +41 -41
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue.d.ts +29 -0
- package/dist/runtime/components/mobile-navigation/MainButton.vue +8 -8
- package/dist/runtime/components/mobile-navigation/MainButton.vue.d.ts +5 -1
- package/dist/runtime/components/mobile-navigation/MobileProductMenu.vue +26 -26
- package/dist/runtime/components/modals/ApplicationAcceptedModal.vue +43 -0
- package/dist/runtime/components/modals/ApplicationAcceptedModal.vue.d.ts +9 -0
- package/dist/runtime/components/modals/ConnectingTariffModal.vue +58 -0
- package/dist/runtime/components/modals/ConnectingTariffModal.vue.d.ts +19 -0
- package/dist/runtime/components/modals/InsufficientFundsModal.vue +68 -0
- package/dist/runtime/components/modals/InsufficientFundsModal.vue.d.ts +18 -0
- package/dist/runtime/components/modals/NoAccessContent.vue +34 -34
- package/dist/runtime/components/modals/NoAccessContent.vue.d.ts +5 -1
- package/dist/runtime/components/modals/NoAccessSimple.vue +16 -16
- package/dist/runtime/components/modals/NoAccessSimple.vue.d.ts +5 -1
- package/dist/runtime/components/modals/SubmitApplicationModal.vue +114 -0
- package/dist/runtime/components/modals/SubmitApplicationModal.vue.d.ts +17 -0
- package/dist/runtime/components/modals/TokenTimeoutContent.vue +24 -24
- package/dist/runtime/components/modals/TokenTimeoutContent.vue.d.ts +5 -1
- 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 +46 -0
- package/dist/runtime/components/radio-button/RadioButton.vue +33 -33
- package/dist/runtime/components/radio-button/RadioButton.vue.d.ts +2 -36
- package/dist/runtime/components/row-card/RowCard.vue +27 -27
- package/dist/runtime/components/row-card/RowCard.vue.d.ts +2 -9
- 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 +2 -20
- 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/composables/projectState.d.ts +2 -2
- package/dist/runtime/composables/useBuyTariffs.d.ts +7 -0
- package/dist/runtime/composables/useBuyTariffs.js +73 -0
- package/dist/runtime/composables/useIdModals.d.ts +11 -21
- package/dist/runtime/composables/usePayment.d.ts +5 -5
- package/dist/runtime/i18n/i18n.config.d.ts +9 -0
- package/dist/runtime/i18n.d.ts +1 -1
- 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 +5 -2
- package/dist/runtime/lang/kk.js +5 -2
- package/dist/runtime/lang/ru.d.ts +3 -0
- package/dist/runtime/lang/ru.js +5 -2
- package/dist/runtime/plugins/toast.d.ts +1 -503
- package/dist/runtime/public/kaspi/logo.svg +4 -4
- package/dist/runtime/server/tsconfig.json +3 -3
- package/dist/runtime/utils/getMaxZindex.d.ts +2 -0
- package/dist/runtime/utils/getMaxZindex.js +22 -0
- package/dist/runtime/utils/localizedNavigation.d.ts +1 -1
- package/dist/runtime/utils/useUrls.d.ts +1 -0
- package/dist/runtime/utils/useUrls.js +1 -0
- 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
|
-
customClasses: string;
|
|
19
18
|
prefix: string;
|
|
19
|
+
customClasses: 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,62 +1,17 @@
|
|
|
1
|
-
import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle } from 'vaul-vue';
|
|
2
1
|
type __VLS_Props = {
|
|
3
2
|
side?: 'right' | 'left' | 'top' | 'bottom';
|
|
4
3
|
};
|
|
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
|
-
};
|
|
30
4
|
type __VLS_PublicProps = __VLS_Props & {
|
|
31
5
|
modelValue?: boolean;
|
|
32
6
|
};
|
|
33
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
34
7
|
declare var __VLS_22: {}, __VLS_24: {}, __VLS_26: {};
|
|
35
|
-
type __VLS_Slots =
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
36
9
|
header?: (props: typeof __VLS_22) => any;
|
|
37
10
|
} & {
|
|
38
11
|
default?: (props: typeof __VLS_24) => any;
|
|
39
12
|
} & {
|
|
40
13
|
footer?: (props: typeof __VLS_26) => any;
|
|
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>;
|
|
14
|
+
};
|
|
60
15
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
61
16
|
"update:modelValue": (value: boolean) => any;
|
|
62
17
|
}, 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>
|