jeawin-astro 3.0.2 → 3.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/package.json +1 -1
- package/src/components/button.astro +1 -1
- package/src/components/cards/news_grid_card1.astro +1 -1
- package/src/components/cards/news_grid_card2.astro +1 -1
- package/src/components/cards/news_grid_card3.astro +1 -1
- package/src/components/cards/news_grid_card4.astro +1 -1
- package/src/components/cards/news_grid_card5.astro +1 -1
- package/src/components/cards/news_list_card1.astro +1 -1
- package/src/components/common_card.astro +2 -2
- package/src/components/cta/cta10.astro +2 -2
- package/src/components/cta/cta9.astro +2 -2
- package/src/components/detail_images.astro +1 -1
- package/src/components/faq/faq1.astro +2 -2
- package/src/components/faq/faq11.astro +1 -1
- package/src/components/faq/faq13.astro +2 -2
- package/src/components/faq/faq9.astro +1 -1
- package/src/components/features-navs/features-navs1.astro +1 -1
- package/src/components/features-navs/features-navs2.astro +1 -1
- package/src/components/formitem/searchinput.astro +1 -1
- package/src/components/header/header1.astro +2 -2
- package/src/components/header/header3.astro +1 -1
- package/src/components/hero/hero3.astro +1 -1
- package/src/components/hero/hero5.astro +2 -2
- package/src/components/hero/hero6.astro +1 -1
- package/src/components/hero/hero9.astro +1 -1
- package/src/components/newsletters/newsletter1.astro +2 -2
- package/src/components/newsletters/newsletter2.astro +2 -2
- package/src/components/newsletters/newsletter3.astro +2 -2
- package/src/components/newsletters/newsletter4.astro +1 -1
- package/src/components/newsletters/newsletter5.astro +1 -1
- package/src/components/newsletters/newsletter6.astro +2 -2
- package/src/components/pagination.astro +1 -1
- package/src/components/pricings/pricing4.astro +1 -1
- package/src/components/pricings/pricing9.astro +1 -1
- package/src/components/search_input.astro +1 -1
- package/src/components/search_result.astro +1 -1
- package/src/components/teams/team1.astro +1 -1
- package/src/components/teams/team10.astro +2 -2
- package/src/components/teams/team11.astro +2 -2
- package/src/components/teams/team12.astro +2 -2
- package/src/components/teams/team5.astro +1 -1
- package/src/components/testimonials/testimonial2.astro +3 -3
- package/src/components/testimonials/testimonial4.astro +3 -3
- package/src/layouts/Footer.astro +3 -0
- package/src/layouts/Header.astro +2 -2
- package/src/layouts/Layout.astro +0 -4
- package/src/scripts/consts.js +1 -2
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@ const TagName = tag_name ? tag_name : "button";
|
|
|
14
14
|
let class1 = [
|
|
15
15
|
"bg-[var(--themeColor)]",
|
|
16
16
|
"hover:bg-[var(--themeColor)]/90",
|
|
17
|
-
"focus:outline-
|
|
17
|
+
"focus:outline-hidden",
|
|
18
18
|
"focus:ring",
|
|
19
19
|
"focus:ring-[var(--themeColor)]/95",
|
|
20
20
|
"active:bg-[var(--themeColor)]/95",
|
|
@@ -42,7 +42,7 @@ const final_content = truncate(content, {
|
|
|
42
42
|
---
|
|
43
43
|
|
|
44
44
|
<div
|
|
45
|
-
class="h-full border-2 border-gray-200
|
|
45
|
+
class="h-full border-2 border-gray-200/60 p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg transition-transform duration-300 hover:-translate-y-[5px] overflow-hidden"
|
|
46
46
|
>
|
|
47
47
|
{
|
|
48
48
|
always_show_img ? (
|
|
@@ -36,7 +36,7 @@ const final_content = truncate(content, {
|
|
|
36
36
|
---
|
|
37
37
|
|
|
38
38
|
<div
|
|
39
|
-
class="h-full bg-gray-100
|
|
39
|
+
class="h-full bg-gray-100/75 px-8 pt-16 pb-24 p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg transition-transform duration-300 hover:-translate-y-[5px] overflow-hidden text-center relative"
|
|
40
40
|
>
|
|
41
41
|
<div
|
|
42
42
|
class="tracking-widest text-base title-font font-medium text-gray-600 mb-1"
|
|
@@ -40,7 +40,7 @@ const final_content = truncate(content, {
|
|
|
40
40
|
class="p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg transition-transform duration-300 hover:-translate-y-[5px] flex flex-col items-start"
|
|
41
41
|
>
|
|
42
42
|
<span
|
|
43
|
-
class="inline-block py-1 px-2 rounded text-base font-medium tracking-widest"
|
|
43
|
+
class="inline-block py-1 px-2 rounded-sm text-base font-medium tracking-widest"
|
|
44
44
|
>{category_name}</span
|
|
45
45
|
>
|
|
46
46
|
<TitleTag
|
|
@@ -43,7 +43,7 @@ const date = render_date(siteinfo.language_id, publish_time, "DD");
|
|
|
43
43
|
<div
|
|
44
44
|
class="p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg transition-transform duration-300 hover:-translate-y-[5px] h-full flex items-start"
|
|
45
45
|
>
|
|
46
|
-
<div class="w-12
|
|
46
|
+
<div class="w-12 shrink-0 flex flex-col text-center leading-none">
|
|
47
47
|
<span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200"
|
|
48
48
|
>{month}</span
|
|
49
49
|
>
|
|
@@ -114,7 +114,7 @@ const final_content = truncate(content, {
|
|
|
114
114
|
@apply mb-4 text-2xl;
|
|
115
115
|
}
|
|
116
116
|
.card-footer {
|
|
117
|
-
@apply border-t border-solid pt-6 pb-0;
|
|
117
|
+
@apply border-t border-gray-200 border-solid pt-6 pb-0;
|
|
118
118
|
}
|
|
119
119
|
.tag {
|
|
120
120
|
@apply inline-block h-8 rounded-3xl border border-[var(--themeColor)] bg-[var(--themeColor50)] px-3.5 py-2 text-sm leading-none text-[var(--themeColor)] transition-all hover:bg-[var(--themeColor)] hover:text-white;
|
|
@@ -39,7 +39,7 @@ const final_content = truncate(content, {
|
|
|
39
39
|
<div
|
|
40
40
|
class="py-8 flex flex-wrap md:flex-nowrap p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg transition-transform duration-300 hover:-translate-y-[5px]"
|
|
41
41
|
>
|
|
42
|
-
<div class="md:w-64 md:mb-0 mb-6
|
|
42
|
+
<div class="md:w-64 md:mb-0 mb-6 shrink-0 flex flex-col">
|
|
43
43
|
<span class="font-semibold title-font text-gray-700">{category_name}</span>
|
|
44
44
|
<span class="mt-1 text-gray-500 text-sm"
|
|
45
45
|
>{render_date(siteinfo.language_id, publish_time)}</span
|
|
@@ -35,10 +35,10 @@ if (render_value(node, "content")) {
|
|
|
35
35
|
---
|
|
36
36
|
|
|
37
37
|
<div
|
|
38
|
-
class="group p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg outline-
|
|
38
|
+
class="group p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg outline-hidden ring-zinc-500 transition-transform duration-300 hover:-translate-y-[5px] focus-visible:ring-3 focus-visible:ring-blue-500 flex flex-col justify-between h-full"
|
|
39
39
|
>
|
|
40
40
|
<div
|
|
41
|
-
class="relative overflow-hidden rounded-
|
|
41
|
+
class="relative overflow-hidden rounded-xs h-full flex items-center justify-center"
|
|
42
42
|
>
|
|
43
43
|
{
|
|
44
44
|
node.channel_id == 11 ? (
|
|
@@ -16,7 +16,7 @@ const {base} = Astro.locals;
|
|
|
16
16
|
<custom-cta10>
|
|
17
17
|
<div
|
|
18
18
|
class:list={[
|
|
19
|
-
"ctawrapper flex items-center max-md:flex-col gap-4 bg-gradient-to-tr from-blue-700 to-purple-400 text-white px-6 py-3.5 rounded font-[sans-serif]",
|
|
19
|
+
"ctawrapper flex items-center max-md:flex-col gap-4 bg-gradient-to-tr from-blue-700 to-purple-400 text-white px-6 py-3.5 rounded-sm font-[sans-serif]",
|
|
20
20
|
custom_css,
|
|
21
21
|
]}
|
|
22
22
|
>
|
|
@@ -28,7 +28,7 @@ const {base} = Astro.locals;
|
|
|
28
28
|
<a
|
|
29
29
|
href={render_url(btn_link, base)}
|
|
30
30
|
title={btn_text}
|
|
31
|
-
class="inline-block bg-white text-blue-500 py-2.5 px-5 rounded text-sm"
|
|
31
|
+
class="inline-block bg-white text-blue-500 py-2.5 px-5 rounded-sm text-sm"
|
|
32
32
|
>{btn_text}</a>
|
|
33
33
|
<Icon
|
|
34
34
|
name="fa6-solid:xmark"
|
|
@@ -14,7 +14,7 @@ const {base} = Astro.locals;
|
|
|
14
14
|
|
|
15
15
|
<div
|
|
16
16
|
class:list={[
|
|
17
|
-
"flex gap-4 max-sm:flex-col items-center justify-center text-center bg-blue-600 text-white px-6 py-3.5 rounded font-[sans-serif]",
|
|
17
|
+
"flex gap-4 max-sm:flex-col items-center justify-center text-center bg-blue-600 text-white px-6 py-3.5 rounded-sm font-[sans-serif]",
|
|
18
18
|
custom_css,
|
|
19
19
|
]}
|
|
20
20
|
>
|
|
@@ -24,7 +24,7 @@ const {base} = Astro.locals;
|
|
|
24
24
|
<a
|
|
25
25
|
href={render_url(btn_link, base)}
|
|
26
26
|
title={btn_text}
|
|
27
|
-
class="inline-block bg-white text-blue-500 py-2.5 px-5 rounded text-sm hover:underline"
|
|
27
|
+
class="inline-block bg-white text-blue-500 py-2.5 px-5 rounded-sm text-sm hover:underline"
|
|
28
28
|
>{btn_text}</a>
|
|
29
29
|
</div>
|
|
30
30
|
</div>
|
|
@@ -121,7 +121,7 @@ const { node_title, nodepics = [], video, view360 } = Astro.props;
|
|
|
121
121
|
<div class="flex min-h-[343px] xl:min-h-[605px] w-full">
|
|
122
122
|
<img src={video.poster} alt={video.title ? video.title : node_title} />
|
|
123
123
|
<button
|
|
124
|
-
class="absolute w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring text-white"
|
|
124
|
+
class="absolute w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring-3 focus:ring-blue-500 text-white"
|
|
125
125
|
x-on:click="openVideo()"
|
|
126
126
|
>
|
|
127
127
|
<svg
|
|
@@ -38,7 +38,7 @@ const arrs = _.chunk(block_items, num);
|
|
|
38
38
|
<h3 class="flex items-center mb-4 text-lg font-medium text-gray-900">
|
|
39
39
|
<Icon
|
|
40
40
|
name="fa6-solid:circle-question"
|
|
41
|
-
class="
|
|
41
|
+
class="shrink-0 mr-2 w-5 h-5 text-gray-500"
|
|
42
42
|
/>
|
|
43
43
|
{itm.title}
|
|
44
44
|
</h3>
|
|
@@ -59,7 +59,7 @@ const arrs = _.chunk(block_items, num);
|
|
|
59
59
|
<h3 class="flex items-center mb-4 text-lg font-medium text-gray-900">
|
|
60
60
|
<Icon
|
|
61
61
|
name="fa6-solid:circle-question"
|
|
62
|
-
class="
|
|
62
|
+
class="shrink-0 mr-2 w-5 h-5 text-gray-500"
|
|
63
63
|
/>
|
|
64
64
|
{itm.title}
|
|
65
65
|
</h3>
|
|
@@ -46,14 +46,14 @@ for (const item of block_items) {
|
|
|
46
46
|
<div class="lg:w-2/5 flex mt-10 ml-2 lg:ml-0 lg:mt-0 lg:justify-end">
|
|
47
47
|
<div class="pt-2 relative text-gray-600">
|
|
48
48
|
<input
|
|
49
|
-
class="focus:ring-2 focus:ring-offset-2 focus:ring-gray-400 bg-white h-10 px-5 pr-16 rounded-lg text-sm focus:outline-
|
|
49
|
+
class="focus:ring-2 focus:ring-offset-2 focus:ring-gray-400 bg-white h-10 px-5 pr-16 rounded-lg text-sm focus:outline-hidden"
|
|
50
50
|
type="search"
|
|
51
51
|
name="search"
|
|
52
52
|
placeholder="Search"
|
|
53
53
|
/>
|
|
54
54
|
<button
|
|
55
55
|
type="submit"
|
|
56
|
-
class="focus:ring-2 focus:ring-offset-2 text-gray-600 focus:text-indigo-700 focus:rounded-full focus:bg-gray-100 focus:ring-indigo-700 bg-white focus:outline-
|
|
56
|
+
class="focus:ring-2 focus:ring-offset-2 text-gray-600 focus:text-indigo-700 focus:rounded-full focus:bg-gray-100 focus:ring-indigo-700 bg-white focus:outline-hidden absolute right-0 top-0 mt-5 mr-4"
|
|
57
57
|
>
|
|
58
58
|
<Icon name="fa6-solid:magnifying-glass" class="h-4 w-4" />
|
|
59
59
|
</button>
|
|
@@ -30,7 +30,7 @@ const {
|
|
|
30
30
|
<button
|
|
31
31
|
type="button"
|
|
32
32
|
class:list={[
|
|
33
|
-
"toggle-button w-full text-base outline-
|
|
33
|
+
"toggle-button w-full text-base outline-hidden text-left font-semibold py-6",
|
|
34
34
|
{ "text-blue-600": idx == 0 },
|
|
35
35
|
{ "text-gray-800": idx > 0 },
|
|
36
36
|
"hover:text-blue-600 flex items-center",
|
|
@@ -84,7 +84,7 @@ const BlockTitleTag = block_title_tag;
|
|
|
84
84
|
'hover:border-transparent': activeTabIndex == ${idx},
|
|
85
85
|
'text-start':true,
|
|
86
86
|
'hover:bg-gray-200':true,
|
|
87
|
-
'focus:outline-
|
|
87
|
+
'focus:outline-hidden':true,
|
|
88
88
|
'focus:bg-gray-200':true,
|
|
89
89
|
'p-4':true,
|
|
90
90
|
'md:p-5':true,
|
|
@@ -18,7 +18,7 @@ import { Icon } from "astro-icon/components";
|
|
|
18
18
|
<div class="relative">
|
|
19
19
|
<input
|
|
20
20
|
name="q"
|
|
21
|
-
class="block w-full appearance-none border border-gray-200 rounded-md bg-transparent pl-4 pr-12 text-base text-slate-900 placeholder:text-slate-600 focus:outline-
|
|
21
|
+
class="block w-full appearance-none border border-gray-200 rounded-md bg-transparent pl-4 pr-12 text-base text-slate-900 placeholder:text-slate-600 focus:outline-hidden sm:text-sm sm:leading-6"
|
|
22
22
|
placeholder="Find anything..."
|
|
23
23
|
aria-label="Search components"
|
|
24
24
|
type="text"
|
|
@@ -55,7 +55,7 @@ function handle_style_func(html: any) {
|
|
|
55
55
|
href={`mailto:${render_value(site_options, "siteemail")}`}
|
|
56
56
|
rel="nofollow"
|
|
57
57
|
title={render_value(site_options, "siteemail")}
|
|
58
|
-
class="flex items-center gap-1 text-white fill-white"
|
|
58
|
+
class="flex items-center gap-1 !text-white fill-white"
|
|
59
59
|
><Icon name="fa6-solid:envelope" />{render_value(site_options, "siteemail")}</a>
|
|
60
60
|
) : null
|
|
61
61
|
}
|
|
@@ -65,7 +65,7 @@ function handle_style_func(html: any) {
|
|
|
65
65
|
href={`tel:${site_options.tel}`}
|
|
66
66
|
rel="nofollow"
|
|
67
67
|
title={site_options.tel}
|
|
68
|
-
class="flex items-center gap-1 text-white fill-white"
|
|
68
|
+
class="flex items-center gap-1 !text-white fill-white"
|
|
69
69
|
><Icon name="fa6-solid:phone" />{site_options.tel}</a>
|
|
70
70
|
) : null
|
|
71
71
|
}
|
|
@@ -58,7 +58,7 @@ const BlockTitleTag = block_title_tag;
|
|
|
58
58
|
name="email"
|
|
59
59
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
60
60
|
required="required"
|
|
61
|
-
class="w-full px-3 py-2.5 text-gray-400 bg-gray-700 focus:bg-gray-900 duration-150 outline-
|
|
61
|
+
class="w-full px-3 py-2.5 text-gray-400 bg-gray-700 focus:bg-gray-900 duration-150 outline-hidden rounded-lg shadow-sm sm:max-w-sm sm:w-auto"
|
|
62
62
|
/>
|
|
63
63
|
<button
|
|
64
64
|
type="submit"
|
|
@@ -67,12 +67,12 @@ const BlockTitleTag = block_title_tag;
|
|
|
67
67
|
name="email"
|
|
68
68
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
69
69
|
required="required"
|
|
70
|
-
class="text-gray-500 border border-gray-200 outline-
|
|
70
|
+
class="text-gray-500 border border-gray-200 outline-hidden p-3 rounded-md w-full sm:w-72"
|
|
71
71
|
/>
|
|
72
72
|
<button
|
|
73
73
|
type="submit"
|
|
74
74
|
id="submitbtnsubscribe"
|
|
75
|
-
class="outline-
|
|
75
|
+
class="outline-hidden bg-gray-700 text-white text-center px-4 py-3 rounded-md shadow-sm w-full ring-offset-2 ring-gray-700 focus:ring-2 sm:w-auto"
|
|
76
76
|
>
|
|
77
77
|
{render_value(all_langs, "Subscribe")}
|
|
78
78
|
</button>
|
|
@@ -53,7 +53,7 @@ const {base} = Astro.locals;
|
|
|
53
53
|
<a
|
|
54
54
|
href={render_url(btn2_link,base)}
|
|
55
55
|
title={btn2_text}
|
|
56
|
-
class="px-10 py-3.5 w-full !text-gray-500 text-center border border-gray-200 rounded-md duration-300 hover:text-indigo-600 hover:shadow block sm:w-auto"
|
|
56
|
+
class="px-10 py-3.5 w-full !text-gray-500 text-center border border-gray-200 rounded-md duration-300 hover:text-indigo-600 hover:shadow-sm block sm:w-auto"
|
|
57
57
|
>{btn2_text}</a>
|
|
58
58
|
</div>
|
|
59
59
|
</SectionContainer>
|
|
@@ -105,7 +105,7 @@ const {base} = Astro.locals;
|
|
|
105
105
|
{
|
|
106
106
|
video_html ? (
|
|
107
107
|
<button
|
|
108
|
-
class="absolute w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring text-white"
|
|
108
|
+
class="absolute w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring-3 focus:ring-blue-500 text-white"
|
|
109
109
|
x-on:click="openVideo()"
|
|
110
110
|
>
|
|
111
111
|
<svg
|
|
@@ -52,12 +52,12 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
|
|
|
52
52
|
name="email"
|
|
53
53
|
required="required"
|
|
54
54
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
55
|
-
class="text-gray-500 w-full p-2 outline-
|
|
55
|
+
class="text-gray-500 w-full p-2 outline-hidden"
|
|
56
56
|
/>
|
|
57
57
|
<button
|
|
58
58
|
type="submit"
|
|
59
59
|
id="submitbtnsubscribe"
|
|
60
|
-
class="break-keep p-2 px-3 rounded-lg font-medium text-white bg-blue-600 hover:bg-blue-500 active:bg-blue-700 duration-150 outline-
|
|
60
|
+
class="break-keep p-2 px-3 rounded-lg font-medium text-white bg-blue-600 hover:bg-blue-500 active:bg-blue-700 duration-150 outline-hidden shadow-md focus:shadow-none sm:px-4"
|
|
61
61
|
>
|
|
62
62
|
{render_value(all_langs, "Subscribe")}
|
|
63
63
|
</button>
|
|
@@ -54,12 +54,12 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
|
|
|
54
54
|
name="email"
|
|
55
55
|
required="required"
|
|
56
56
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
57
|
-
class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-
|
|
57
|
+
class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-hidden focus:border-[var(--themeColor600)]"
|
|
58
58
|
/>
|
|
59
59
|
<button
|
|
60
60
|
type="submit"
|
|
61
61
|
id="submitbtnsubscribe"
|
|
62
|
-
class="break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-
|
|
62
|
+
class="break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-indigo-600 sm:mt-0 sm:ml-3 sm:w-auto"
|
|
63
63
|
>
|
|
64
64
|
{render_value(all_langs, "Subscribe")}
|
|
65
65
|
</button>
|
|
@@ -68,13 +68,13 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
|
|
|
68
68
|
name="email"
|
|
69
69
|
required
|
|
70
70
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
71
|
-
class="w-full pl-12 pr-3 py-2 text-gray-500 bg-transparent outline-
|
|
71
|
+
class="w-full pl-12 pr-3 py-2 text-gray-500 bg-transparent outline-hidden border border-gray-200 focus:border-[var(--themeColor600)] shadow-xs rounded-lg sm:max-w-xs"
|
|
72
72
|
/>
|
|
73
73
|
</div>
|
|
74
74
|
<button
|
|
75
75
|
type="submit"
|
|
76
76
|
id="submitbtnsubscribe"
|
|
77
|
-
class="break-keep block w-full py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow sm:w-auto md:w-full"
|
|
77
|
+
class="break-keep block w-full py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow-sm sm:w-auto md:w-full"
|
|
78
78
|
>
|
|
79
79
|
{render_value(all_langs, "Subscribe")}
|
|
80
80
|
</button>
|
|
@@ -66,7 +66,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
|
|
|
66
66
|
name="email"
|
|
67
67
|
required
|
|
68
68
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
69
|
-
class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-
|
|
69
|
+
class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-hidden border border-gray-200 focus:border-[var(--themeColor600)] shadow-xs rounded-lg"
|
|
70
70
|
/>
|
|
71
71
|
</div>
|
|
72
72
|
<button
|
|
@@ -61,7 +61,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
|
|
|
61
61
|
name="email"
|
|
62
62
|
required
|
|
63
63
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
64
|
-
class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-
|
|
64
|
+
class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-hidden border border-gray-200 focus:border-[var(--themeColor600)] shadow-xs rounded-lg"
|
|
65
65
|
/>
|
|
66
66
|
</div>
|
|
67
67
|
<button
|
|
@@ -68,10 +68,10 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
|
|
|
68
68
|
name="email"
|
|
69
69
|
required
|
|
70
70
|
placeholder={render_value(all_langs, "Enter your email")}
|
|
71
|
-
class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-
|
|
71
|
+
class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-hidden focus:border-[var(--themeColor600)]"
|
|
72
72
|
/>
|
|
73
73
|
<button
|
|
74
|
-
class="break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-
|
|
74
|
+
class="break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-[var(--themeColor600)] sm:mt-0 sm:ml-3 sm:w-auto"
|
|
75
75
|
>
|
|
76
76
|
{render_value(all_langs, "Subscribe")}
|
|
77
77
|
</button>
|
|
@@ -53,7 +53,7 @@ if (total_pages <= centerSize + 2) {
|
|
|
53
53
|
let more_right =
|
|
54
54
|
total_pages > centerSize + 2 && current_page <= total_pages - centerSize + 1;
|
|
55
55
|
|
|
56
|
-
let nav_wrapper_class = "isolate inline-flex -space-x-px rounded-md shadow-
|
|
56
|
+
let nav_wrapper_class = "isolate inline-flex -space-x-px rounded-md shadow-xs";
|
|
57
57
|
|
|
58
58
|
let btn_class =
|
|
59
59
|
"relative inline-flex items-center px-4 py-2 !text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0".split(
|
|
@@ -63,7 +63,7 @@ const {base} = Astro.locals;
|
|
|
63
63
|
>
|
|
64
64
|
<div class="grid lg:grid-cols-3 sm:grid-cols-2 gap-4 max-sm:max-w-sm max-sm:mx-auto mt-12">
|
|
65
65
|
{group.plans.map((plan: any) => (
|
|
66
|
-
<div class="bg-white shadow rounded-3xl p-6 hover:scale-105 transition-all duration-300">
|
|
66
|
+
<div class="bg-white shadow-sm rounded-3xl p-6 hover:scale-105 transition-all duration-300">
|
|
67
67
|
<div class="text-gray-800 text-lg mb-3">{plan.name}</div>
|
|
68
68
|
<div class="text-4xl font-semibold">
|
|
69
69
|
{plan.price}
|
|
@@ -56,7 +56,7 @@ const {base} = Astro.locals;
|
|
|
56
56
|
clip-rule="evenodd"
|
|
57
57
|
/>
|
|
58
58
|
</svg>
|
|
59
|
-
<select class="bg-transparent appearance-none outline-
|
|
59
|
+
<select class="bg-transparent appearance-none outline-hidden px-8 cursor-pointer">
|
|
60
60
|
<option disabled>Switch plan</option>
|
|
61
61
|
{plans.map((option: any) => (
|
|
62
62
|
<option value={option.name}>{option.name}</option>
|
|
@@ -30,7 +30,7 @@ const searchLang = render_value(all_langs, "Search");
|
|
|
30
30
|
<input
|
|
31
31
|
type="text"
|
|
32
32
|
name="q"
|
|
33
|
-
class="block bg-white w-full border border-slate-300 rounded-md py-2 pl-9 pr-3 shadow-
|
|
33
|
+
class="block bg-white w-full border border-slate-300 rounded-md py-2 pl-9 pr-3 shadow-xs placeholder:italic placeholder:text-slate-400 focus:outline-hidden focus:border-sky-500 focus:ring-sky-500 focus:ring-1 sm:text-sm"
|
|
34
34
|
placeholder={searchInputLang}
|
|
35
35
|
autocomplete="off"
|
|
36
36
|
/>
|
|
@@ -25,7 +25,7 @@ const searchresultforLang = render_value(all_langs, "Search Result for");
|
|
|
25
25
|
|
|
26
26
|
const totalRecordsLang = render_value(all_langs, "Total Records");
|
|
27
27
|
|
|
28
|
-
let nav_wrapper_class = "isolate inline-flex -space-x-px rounded-md shadow-
|
|
28
|
+
let nav_wrapper_class = "isolate inline-flex -space-x-px rounded-md shadow-xs";
|
|
29
29
|
|
|
30
30
|
let btn_class =
|
|
31
31
|
"relative inline-flex items-center px-4 py-2 text-sm text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0";
|
|
@@ -54,7 +54,7 @@ const {base} = Astro.locals;
|
|
|
54
54
|
block_items ? (
|
|
55
55
|
<div class="grid gap-8 mb-6 lg:mb-16 md:grid-cols-2">
|
|
56
56
|
{block_items.map((itm: any) => (
|
|
57
|
-
<div class="items-center bg-gray-50 rounded-lg shadow sm:flex transition-transform duration-300 hover:-translate-y-[5px]">
|
|
57
|
+
<div class="items-center bg-gray-50 rounded-lg shadow-sm sm:flex transition-transform duration-300 hover:-translate-y-[5px]">
|
|
58
58
|
{itm.link_url ? (
|
|
59
59
|
<a href={render_url(itm.link_url,base)} title={itm.name}>
|
|
60
60
|
{itm.img_html ? (
|
|
@@ -59,7 +59,7 @@ const {
|
|
|
59
59
|
href={`mailto:${itm.email}`}
|
|
60
60
|
title={itm.email}
|
|
61
61
|
rel="nofollow"
|
|
62
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
62
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
63
63
|
>
|
|
64
64
|
<Icon name="fa6-solid:envelope" />
|
|
65
65
|
</a>
|
|
@@ -70,7 +70,7 @@ const {
|
|
|
70
70
|
href={`tel:${itm.phone}`}
|
|
71
71
|
title={itm.phone}
|
|
72
72
|
rel="nofollow"
|
|
73
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
73
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
74
74
|
>
|
|
75
75
|
<Icon name="fa6-solid:phone" />
|
|
76
76
|
</a>
|
|
@@ -55,7 +55,7 @@ const {
|
|
|
55
55
|
href={`mailto:${itm.email}`}
|
|
56
56
|
title={itm.email}
|
|
57
57
|
rel="nofollow"
|
|
58
|
-
class="w-6 h-6 inline-flex items-center justify-center rounded-full border-none outline-
|
|
58
|
+
class="w-6 h-6 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
59
59
|
>
|
|
60
60
|
<Icon name="fa6-solid:envelope" />
|
|
61
61
|
</a>
|
|
@@ -66,7 +66,7 @@ const {
|
|
|
66
66
|
href={`tel:${itm.phone}`}
|
|
67
67
|
title={itm.phone}
|
|
68
68
|
rel="nofollow"
|
|
69
|
-
class="w-6 h-6 inline-flex items-center justify-center rounded-full border-none outline-
|
|
69
|
+
class="w-6 h-6 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
70
70
|
>
|
|
71
71
|
<Icon name="fa6-solid:phone" />
|
|
72
72
|
</a>
|
|
@@ -54,7 +54,7 @@ const {
|
|
|
54
54
|
href={`mailto:${itm.email}`}
|
|
55
55
|
title={itm.email}
|
|
56
56
|
rel="nofollow"
|
|
57
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
57
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
58
58
|
>
|
|
59
59
|
<Icon name="fa6-solid:envelope" />
|
|
60
60
|
</a>
|
|
@@ -65,7 +65,7 @@ const {
|
|
|
65
65
|
href={`tel:${itm.phone}`}
|
|
66
66
|
title={itm.phone}
|
|
67
67
|
rel="nofollow"
|
|
68
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
68
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
69
69
|
>
|
|
70
70
|
<Icon name="fa6-solid:phone" />
|
|
71
71
|
</a>
|
|
@@ -54,7 +54,7 @@ const {base} = Astro.locals;
|
|
|
54
54
|
block_items ? (
|
|
55
55
|
<div class="grid gap-8 mb-6 lg:mb-16 grid-cols-1 md:grid-cols-3 lg:grid-cols-4">
|
|
56
56
|
{block_items.map((itm: any) => (
|
|
57
|
-
<div class="items-center bg-gray-50 rounded-lg shadow transition-transform duration-300 hover:-translate-y-[5px]">
|
|
57
|
+
<div class="items-center bg-gray-50 rounded-lg shadow-sm transition-transform duration-300 hover:-translate-y-[5px]">
|
|
58
58
|
{itm.link_url ? (
|
|
59
59
|
<a href={render_url(itm.link_url, base)} title={itm.name}>
|
|
60
60
|
{itm.img_html ? (
|
|
@@ -69,7 +69,7 @@ const {
|
|
|
69
69
|
href={facebook}
|
|
70
70
|
rel="nofollow"
|
|
71
71
|
title="facebook"
|
|
72
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
72
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
73
73
|
>
|
|
74
74
|
<Icon name="fa6-brands:facebook" class="size-5" />
|
|
75
75
|
</a>
|
|
@@ -82,7 +82,7 @@ const {
|
|
|
82
82
|
href={twitter}
|
|
83
83
|
rel="nofollow"
|
|
84
84
|
title="twitter"
|
|
85
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
85
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
86
86
|
>
|
|
87
87
|
<Icon name="fa6-brands:x-twitter" class="size-5" />
|
|
88
88
|
</a>
|
|
@@ -95,7 +95,7 @@ const {
|
|
|
95
95
|
href={linkedin}
|
|
96
96
|
rel="nofollow"
|
|
97
97
|
title="linkedin"
|
|
98
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
98
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
99
99
|
>
|
|
100
100
|
<Icon name="fa6-brands:linkedin" class="size-5" />
|
|
101
101
|
</a>
|
|
@@ -77,7 +77,7 @@ const {
|
|
|
77
77
|
href={facebook}
|
|
78
78
|
rel="nofollow"
|
|
79
79
|
title="facebook"
|
|
80
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
80
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
81
81
|
>
|
|
82
82
|
<Icon name="fa6-brands:facebook" class="size-5" />
|
|
83
83
|
</a>
|
|
@@ -90,7 +90,7 @@ const {
|
|
|
90
90
|
href={twitter}
|
|
91
91
|
rel="nofollow"
|
|
92
92
|
title="twitter"
|
|
93
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
93
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
94
94
|
>
|
|
95
95
|
<Icon name="fa6-brands:x-twitter" class="size-5" />
|
|
96
96
|
</a>
|
|
@@ -103,7 +103,7 @@ const {
|
|
|
103
103
|
href={linkedin}
|
|
104
104
|
rel="nofollow"
|
|
105
105
|
title="linkedin"
|
|
106
|
-
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-
|
|
106
|
+
class="w-7 h-7 inline-flex items-center justify-center rounded-full border-none outline-hidden"
|
|
107
107
|
>
|
|
108
108
|
<Icon name="fa6-brands:linkedin" class="size-5" />
|
|
109
109
|
</a>
|
package/src/layouts/Footer.astro
CHANGED
|
@@ -178,6 +178,9 @@ const menus = await jeawinapi.get_menus({
|
|
|
178
178
|
</div>
|
|
179
179
|
</footer>
|
|
180
180
|
<style define:vars={{ bgimg1: `url(${bg1.src})`, bgimg2: `url(${bg2.src})` }}>
|
|
181
|
+
footer a {
|
|
182
|
+
color: #ffffff;
|
|
183
|
+
}
|
|
181
184
|
#footer1::before {
|
|
182
185
|
background-image: var(--bgimg1);
|
|
183
186
|
}
|
package/src/layouts/Header.astro
CHANGED
|
@@ -29,7 +29,7 @@ const { seo_title, menu_root_link_id } = Astro.props;
|
|
|
29
29
|
<a
|
|
30
30
|
href={`mailto:${option_value}`}
|
|
31
31
|
title={option_value}
|
|
32
|
-
class="flex items-center gap-1 fill-white text-white"
|
|
32
|
+
class="flex items-center gap-1 fill-white !text-white"
|
|
33
33
|
>
|
|
34
34
|
<Icon name="fa6-solid:envelope" class="size-4" />
|
|
35
35
|
{option_value}
|
|
@@ -43,7 +43,7 @@ const { seo_title, menu_root_link_id } = Astro.props;
|
|
|
43
43
|
<a
|
|
44
44
|
href={`tel:${option_value}`}
|
|
45
45
|
title={option_value}
|
|
46
|
-
class="flex items-center gap-1 fill-white text-white"
|
|
46
|
+
class="flex items-center gap-1 fill-white !text-white"
|
|
47
47
|
>
|
|
48
48
|
<Icon name="fa6-solid:phone" class="size-4" />
|
|
49
49
|
{option_value}
|
package/src/layouts/Layout.astro
CHANGED