jeawin-astro 3.0.2 → 3.0.3

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.
Files changed (44) hide show
  1. package/package.json +1 -1
  2. package/src/components/button.astro +1 -1
  3. package/src/components/cards/news_grid_card1.astro +1 -1
  4. package/src/components/cards/news_grid_card2.astro +1 -1
  5. package/src/components/cards/news_grid_card3.astro +1 -1
  6. package/src/components/cards/news_grid_card4.astro +1 -1
  7. package/src/components/cards/news_grid_card5.astro +1 -1
  8. package/src/components/cards/news_list_card1.astro +1 -1
  9. package/src/components/common_card.astro +2 -2
  10. package/src/components/cta/cta10.astro +2 -2
  11. package/src/components/cta/cta9.astro +2 -2
  12. package/src/components/detail_images.astro +1 -1
  13. package/src/components/faq/faq1.astro +2 -2
  14. package/src/components/faq/faq11.astro +1 -1
  15. package/src/components/faq/faq13.astro +2 -2
  16. package/src/components/faq/faq9.astro +1 -1
  17. package/src/components/features-navs/features-navs1.astro +1 -1
  18. package/src/components/features-navs/features-navs2.astro +1 -1
  19. package/src/components/formitem/searchinput.astro +1 -1
  20. package/src/components/header/header1.astro +2 -2
  21. package/src/components/header/header3.astro +1 -1
  22. package/src/components/hero/hero3.astro +1 -1
  23. package/src/components/hero/hero5.astro +2 -2
  24. package/src/components/hero/hero6.astro +1 -1
  25. package/src/components/hero/hero9.astro +1 -1
  26. package/src/components/newsletters/newsletter1.astro +2 -2
  27. package/src/components/newsletters/newsletter2.astro +2 -2
  28. package/src/components/newsletters/newsletter3.astro +2 -2
  29. package/src/components/newsletters/newsletter4.astro +1 -1
  30. package/src/components/newsletters/newsletter5.astro +1 -1
  31. package/src/components/newsletters/newsletter6.astro +2 -2
  32. package/src/components/pagination.astro +1 -1
  33. package/src/components/pricings/pricing4.astro +1 -1
  34. package/src/components/pricings/pricing9.astro +1 -1
  35. package/src/components/search_input.astro +1 -1
  36. package/src/components/search_result.astro +1 -1
  37. package/src/components/teams/team1.astro +1 -1
  38. package/src/components/teams/team10.astro +2 -2
  39. package/src/components/teams/team11.astro +2 -2
  40. package/src/components/teams/team12.astro +2 -2
  41. package/src/components/teams/team5.astro +1 -1
  42. package/src/components/testimonials/testimonial2.astro +3 -3
  43. package/src/components/testimonials/testimonial4.astro +3 -3
  44. package/src/layouts/Header.astro +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jeawin-astro",
3
- "version": "3.0.2",
3
+ "version": "3.0.3",
4
4
  "author": "chaegumi <chaegumi@qq.com>",
5
5
  "description": "",
6
6
  "license": "MIT",
@@ -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-none",
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 border-opacity-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"
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 bg-opacity-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"
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 flex-shrink-0 flex flex-col text-center leading-none">
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 flex-shrink-0 flex flex-col">
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-none ring-zinc-500 transition-transform duration-300 hover:-translate-y-[5px] focus-visible:ring flex flex-col justify-between h-full"
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-sm h-full flex items-center justify-center"
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="flex-shrink-0 mr-2 w-5 h-5 text-gray-500"
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="flex-shrink-0 mr-2 w-5 h-5 text-gray-500"
62
+ class="shrink-0 mr-2 w-5 h-5 text-gray-500"
63
63
  />
64
64
  {itm.title}
65
65
  </h3>
@@ -25,7 +25,7 @@ const {
25
25
  {
26
26
  block_items.map((item: any) => (
27
27
  <div class="flex items-start">
28
- <div class="flex-shrink-0">
28
+ <div class="shrink-0">
29
29
  <svg
30
30
  class="h-6 w-6 text-indigo-500"
31
31
  fill="none"
@@ -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-none"
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-none absolute right-0 top-0 mt-5 mr-4"
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-none text-left font-semibold py-6",
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-none':true,
87
+ 'focus:outline-hidden':true,
88
88
  'focus:bg-gray-200':true,
89
89
  'p-4':true,
90
90
  'md:p-5':true,
@@ -66,7 +66,7 @@ const {
66
66
  'flex-col':true,
67
67
  'text-start':true,
68
68
  'hover:bg-gray-100':true,
69
- 'focus:outline-none':true,
69
+ 'focus:outline-hidden':true,
70
70
  'focus:bg-gray-100':true,
71
71
  'p-3':true,
72
72
  '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-none sm:text-sm sm:leading-6"
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
  }
@@ -42,7 +42,7 @@ const menus = await jeawinapi.get_menus({
42
42
  <a
43
43
  href={render_url(menu.link_url,base)}
44
44
  title={menu.link_title}
45
- class="inline px-2 text-white"
45
+ class="inline px-2 !text-white"
46
46
  >{menu.link_title}</a>
47
47
  ))}
48
48
  </div>
@@ -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-none rounded-lg shadow sm:max-w-sm sm:w-auto"
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-none p-3 rounded-md w-full sm:w-72"
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-none bg-gray-700 text-white text-center px-4 py-3 rounded-md shadow w-full ring-offset-2 ring-gray-700 focus:ring-2 sm:w-auto"
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-none"
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-none shadow-md focus:shadow-none sm:px-4"
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-none focus:border-[var(--themeColor600)]"
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-none shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-indigo-600 sm:mt-0 sm:ml-3 sm:w-auto"
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-none border border-gray-200 focus:border-[var(--themeColor600)] shadow-sm rounded-lg sm:max-w-xs"
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-none border border-gray-200 focus:border-[var(--themeColor600)] shadow-sm rounded-lg"
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-none border border-gray-200 focus:border-[var(--themeColor600)] shadow-sm rounded-lg"
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-none focus:border-[var(--themeColor600)]"
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-none shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-[var(--themeColor600)] sm:mt-0 sm:ml-3 sm:w-auto"
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-sm";
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-none px-8 cursor-pointer">
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-sm placeholder:italic placeholder:text-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 focus:ring-1 sm:text-sm"
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-sm";
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-none"
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-none"
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-none"
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-none"
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-none"
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-none"
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-none"
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-none"
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-none"
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-none"
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-none"
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-none"
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>
@@ -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}