hr-design-system-handlebars 0.99.0 → 0.99.1

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 (20) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +19 -3
  3. package/dist/views/components/grid/grid.hbs +1 -1
  4. package/dist/views/components/grid/grid_group_highlight.hbs +2 -2
  5. package/dist/views/components/grid/grid_group_standard.hbs +1 -1
  6. package/dist/views/components/grid/grid_group_tabbed.hbs +2 -2
  7. package/dist/views/components/teaser/components/teaser_byline.hbs +36 -39
  8. package/dist/views/components/teaser/components/teaser_text.hbs +1 -1
  9. package/dist/views/components/teaser/group_teaser/group_teaser.hbs +3 -1
  10. package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs +2 -2
  11. package/package.json +1 -1
  12. package/src/stories/views/components/grid/grid.hbs +1 -1
  13. package/src/stories/views/components/grid/grid_group_highlight.hbs +2 -2
  14. package/src/stories/views/components/grid/grid_group_standard.hbs +1 -1
  15. package/src/stories/views/components/grid/grid_group_tabbed.hbs +2 -2
  16. package/src/stories/views/components/teaser/components/teaser_byline.hbs +36 -39
  17. package/src/stories/views/components/teaser/components/teaser_text.hbs +1 -1
  18. package/src/stories/views/components/teaser/group_teaser/group.stories.mdx +1 -1
  19. package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs +3 -1
  20. package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v0.99.1 (Tue Dec 06 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Dpe 1904 [#419](https://github.com/mumprod/hr-design-system-handlebars/pull/419) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v0.99.0 (Tue Dec 06 2022)
2
14
 
3
15
  #### 🚀 Enhancement
package/dist/assets/index.css CHANGED
@@ -863,6 +863,12 @@ video {
863
863
  .-mb-1 {
864
864
  margin-bottom: -0.25rem;
865
865
  }
866
+ .mb-8 {
867
+ margin-bottom: 2rem;
868
+ }
869
+ .mt-14 {
870
+ margin-top: 3.5rem;
871
+ }
866
872
  .\!mb-0 {
867
873
  margin-bottom: 0px !important;
868
874
  }
@@ -2101,7 +2107,7 @@ video {
2101
2107
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2102
2108
  }
2103
2109
  .counter-reset {
2104
- counter-reset: cnt1670316930203;
2110
+ counter-reset: cnt1670343823617;
2105
2111
  }
2106
2112
  .line-clamp-4 {
2107
2113
  overflow: hidden;
@@ -2459,7 +2465,7 @@ video {
2459
2465
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2460
2466
  }
2461
2467
  .-ordered {
2462
- counter-increment: cnt1670316930203 1;
2468
+ counter-increment: cnt1670343823617 1;
2463
2469
  }
2464
2470
  .-ordered::before {
2465
2471
  position: absolute;
@@ -2475,7 +2481,7 @@ video {
2475
2481
  letter-spacing: .0125em;
2476
2482
  --tw-text-opacity: 1;
2477
2483
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2478
- content: counter(cnt1670316930203);
2484
+ content: counter(cnt1670343823617);
2479
2485
  }
2480
2486
  .\[-T\:\+Z\] {
2481
2487
  --t: +Z;
@@ -2950,6 +2956,9 @@ video {
2950
2956
  --tw-text-opacity: 1;
2951
2957
  color: rgba(112, 112, 112, var(--tw-text-opacity));
2952
2958
  }
2959
+ .first\:mt-6:first-child {
2960
+ margin-top: 1.5rem;
2961
+ }
2953
2962
  .first\:border-t:first-child {
2954
2963
  border-top-width: 1px;
2955
2964
  }
@@ -2977,6 +2986,9 @@ video {
2977
2986
  .last-of-type\:pb-0:last-of-type {
2978
2987
  padding-bottom: 0px;
2979
2988
  }
2989
+ .empty\:hidden:empty {
2990
+ display: none;
2991
+ }
2980
2992
  .hover\:border-toplineColor:hover {
2981
2993
  border-color: #006dc1;
2982
2994
  border-color: var(--color-topline);
@@ -3466,6 +3478,10 @@ video {
3466
3478
  justify-content: flex-end;
3467
3479
  }
3468
3480
 
3481
+ .md\:gap-y-14 {
3482
+ row-gap: 3.5rem;
3483
+ }
3484
+
3469
3485
  .md\:overflow-visible {
3470
3486
  overflow: visible;
3471
3487
  }
package/dist/views/components/grid/grid.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  <div class="grid grid-page">
3
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
3
+ <div class="grid grid-cols-12 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6 md:gap-y-14 ">
4
4
  {{#>components/grid/grid_group _size="100"}}
5
5
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
6
6
  {{#>components/grid/grid_item _size="12"}}
package/dist/views/components/grid/grid_group_highlight.hbs CHANGED
@@ -1,9 +1,9 @@
1
1
  </div>
2
- <div class="grid col-full grid-page {{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-alto"," bg-orange-bridesmaid"]'}}">
2
+ <div class="grid col-full grid-page mt-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-alto"," bg-orange-bridesmaid"]'}}">
3
3
  <section class="grid grid-cols-12 py-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-9">
4
4
  <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
5
5
  {{> @partial-block }}
6
6
  </div>
7
7
  </section>
8
8
  </div>
9
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
9
+ <div class="grid grid-cols-12 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
package/dist/views/components/grid/grid_group_standard.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
1
+ <section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
2
2
  {{> @partial-block }}
3
3
  </section>
package/dist/views/components/grid/grid_group_tabbed.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  </div>
2
- <section class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
2
+ <section class="grid grid-cols-12 px-8 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
3
3
  {{> @partial-block }}
4
4
  </section>
5
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
5
+ <div class="grid grid-cols-12 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
package/dist/views/components/teaser/components/teaser_byline.hbs CHANGED
@@ -1,46 +1,43 @@
1
- <p class="mt-2.5 text-xs text-grey-scorpion font-headingSerif">
2
-
1
+ <p class="mt-2.5 text-xs text-grey-scorpion font-headingSerif empty:hidden">
2
+ {{!-- TODO eine Java Methode die abfragt ob es
3
+ teaserInfo || isFileDownload || this.profiles || this.commentsSsi
4
+ gibt um empty:hidden zu vermeiden. <p> </p> sollte nicht im Markup sein falls leer --}}
5
+ {{~#with this.teaserInfo~}}
3
6
  {{!--Teaser-Info--}}
4
- {{#with this.teaserInfo}}
5
- {{#if this.showTeaserInfo~}}
6
- {{~#if this.showTeaserInfoDate}}
7
- {{~#with ../this.teaserDate}}
8
- <time datetime="{{this.htmlDateTime}}">{{this.date}}</time>
9
- {{/with~}}
10
- <span class="mx-px last-of-type:hidden">|</span>
11
- {{else}}
12
- {{~#if this.showTeaserInfoDateTime}}
13
- {{~#with ../this.teaserDate}}
14
- <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at" this.dateSeparatorTime}}</time>
15
- {{/with~}}
16
- <span class="mx-px last-of-type:hidden">|</span>
17
- {{/if~}}
18
- {{/if~}}
19
-
20
- {{~#if this.showTeaserInfoSection}}
21
- <span class="uppercase">
22
- {{../this.documentSection~}}
23
- </span>
24
- <span class="mx-px last-of-type:hidden">|</span>
25
- {{/if}}
26
-
27
- {{/if}}
28
- {{/with}}
29
-
30
- {{#if this.isFileDownload}}
31
- {{#with this.teaserImage}}
7
+ {{~#if this.showTeaserInfo~}}
8
+ {{~#if this.showTeaserInfoDate~}}
9
+ {{~#with ../this.teaserDate~}}
10
+ <time datetime="{{this.htmlDateTime}}">{{this.date}}</time>
11
+ {{~/with~}}
12
+ <span class="mx-px last-of-type:hidden">|</span>
13
+ {{~else~}}
14
+ {{~#if this.showTeaserInfoDateTime~}}
15
+ {{~#with ../this.teaserDate~}}
16
+ <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at" this.dateSeparatorTime}}</time>
17
+ {{~/with~}}
18
+ <span class="mx-px last-of-type:hidden">|</span>
19
+ {{~/if~}}
20
+ {{~/if~}}
21
+ {{~#if this.showTeaserInfoSection~}}
22
+ <span class="uppercase">
23
+ {{~../this.documentSection~}}
24
+ </span>
25
+ <span class="mx-px last-of-type:hidden">|</span>
26
+ {{~/if~}}
27
+ {{~/if~}}
28
+ {{~/with~}}
29
+ {{~#if this.isFileDownload~}}
30
+ {{~#with this.teaserImage~}}
32
31
  {{loca "gallery_image_copyright" this.copyrightWithLinks}}
33
- {{/with}}
34
- {{/if}}
35
-
32
+ {{~/with~}}
33
+ {{~/if~}}
36
34
  {{!--Profiles--}}
37
- {{#if this.profiles}}
35
+ {{~#if this.profiles~}}
38
36
  <span>{{this.profiles}}</span>
39
37
  <span class="mx-px last-of-type:hidden">|</span>
40
- {{/if}}
41
-
38
+ {{~/if~}}
42
39
  {{!--Comments--}}
43
- {{#with this.commentsSsi}}
40
+ {{~#with this.commentsSsi~}}
44
41
  {{> components/base/loadSSI _templatePath='components/teaser/components/teaser_comments' }}
45
- {{/with}}
46
- </p>
42
+ {{~/with~}}
43
+ </p>
package/dist/views/components/teaser/components/teaser_text.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#decorator 'components/base/link'}}
1
+ {{#decorator 'components/base/link' _css=(inline-switch _size '["25"]' '["hidden ","hidden md:block "]') }}
2
2
  <span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
3
3
  text-base mt-3 font-copy'>
4
4
  {{~_text~}}
package/dist/views/components/teaser/group_teaser/group_teaser.hbs CHANGED
@@ -6,5 +6,7 @@
6
6
  {{~#if this.hasLink}}</a>{{/if~}}
7
7
  </{{if this.headlineTag this.headlineTag "h2"}}>
8
8
  {{/if}}
9
- {{~> components/teaser/teaser_logic/teaser_logic ~}}
9
+ <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6 md:gap-y-14">
10
+ {{~> components/teaser/teaser_logic/teaser_logic ~}}
11
+ </div>
10
12
  {{/components/grid/grid_group}}
package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  <div
3
3
  x-cloak
4
4
  x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
5
- class="grid grid-cols-12 pt-6 mx-0 col-full md:pt-7 bg-blue-accented md:rounded-tl-3xl md:rounded-br-3xl md:col-main gap-x-6 gap-y-6"
5
+ class="grid grid-cols-12 pt-6 mx-0 mb-8 mt-14 col-full md:pt-7 bg-blue-accented md:rounded-tl-3xl md:rounded-br-3xl md:col-main gap-x-6 gap-y-6"
6
6
  >
7
7
  <section class="col-span-full" data-hr-group-tabbed='{"wandaPageId":"{{this.wandaPageId}}"}'>
8
8
  <div class="flex flex-wrap justify-center mb-7 mx-1.5" role="tablist">
@@ -22,4 +22,4 @@
22
22
  {{~> components/teaser/teaser_logic/teaser_logic ~}}
23
23
  </section>
24
24
  </div>
25
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
25
+ <div class="grid grid-cols-12 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "0.99.0",
9
+ "version": "0.99.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/stories/views/components/grid/grid.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  <div class="grid grid-page">
3
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
3
+ <div class="grid grid-cols-12 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6 md:gap-y-14 ">
4
4
  {{#>components/grid/grid_group _size="100"}}
5
5
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
6
6
  {{#>components/grid/grid_item _size="12"}}
package/src/stories/views/components/grid/grid_group_highlight.hbs CHANGED
@@ -1,9 +1,9 @@
1
1
  </div>
2
- <div class="grid col-full grid-page {{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-alto"," bg-orange-bridesmaid"]'}}">
2
+ <div class="grid col-full grid-page mt-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-alto"," bg-orange-bridesmaid"]'}}">
3
3
  <section class="grid grid-cols-12 py-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-9">
4
4
  <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
5
5
  {{> @partial-block }}
6
6
  </div>
7
7
  </section>
8
8
  </div>
9
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
9
+ <div class="grid grid-cols-12 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
package/src/stories/views/components/grid/grid_group_standard.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
1
+ <section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
2
2
  {{> @partial-block }}
3
3
  </section>
package/src/stories/views/components/grid/grid_group_tabbed.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  </div>
2
- <section class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
2
+ <section class="grid grid-cols-12 px-8 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
3
3
  {{> @partial-block }}
4
4
  </section>
5
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
5
+ <div class="grid grid-cols-12 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
package/src/stories/views/components/teaser/components/teaser_byline.hbs CHANGED
@@ -1,46 +1,43 @@
1
- <p class="mt-2.5 text-xs text-grey-scorpion font-headingSerif">
2
-
1
+ <p class="mt-2.5 text-xs text-grey-scorpion font-headingSerif empty:hidden">
2
+ {{!-- TODO eine Java Methode die abfragt ob es
3
+ teaserInfo || isFileDownload || this.profiles || this.commentsSsi
4
+ gibt um empty:hidden zu vermeiden. <p> </p> sollte nicht im Markup sein falls leer --}}
5
+ {{~#with this.teaserInfo~}}
3
6
  {{!--Teaser-Info--}}
4
- {{#with this.teaserInfo}}
5
- {{#if this.showTeaserInfo~}}
6
- {{~#if this.showTeaserInfoDate}}
7
- {{~#with ../this.teaserDate}}
8
- <time datetime="{{this.htmlDateTime}}">{{this.date}}</time>
9
- {{/with~}}
10
- <span class="mx-px last-of-type:hidden">|</span>
11
- {{else}}
12
- {{~#if this.showTeaserInfoDateTime}}
13
- {{~#with ../this.teaserDate}}
14
- <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at" this.dateSeparatorTime}}</time>
15
- {{/with~}}
16
- <span class="mx-px last-of-type:hidden">|</span>
17
- {{/if~}}
18
- {{/if~}}
19
-
20
- {{~#if this.showTeaserInfoSection}}
21
- <span class="uppercase">
22
- {{../this.documentSection~}}
23
- </span>
24
- <span class="mx-px last-of-type:hidden">|</span>
25
- {{/if}}
26
-
27
- {{/if}}
28
- {{/with}}
29
-
30
- {{#if this.isFileDownload}}
31
- {{#with this.teaserImage}}
7
+ {{~#if this.showTeaserInfo~}}
8
+ {{~#if this.showTeaserInfoDate~}}
9
+ {{~#with ../this.teaserDate~}}
10
+ <time datetime="{{this.htmlDateTime}}">{{this.date}}</time>
11
+ {{~/with~}}
12
+ <span class="mx-px last-of-type:hidden">|</span>
13
+ {{~else~}}
14
+ {{~#if this.showTeaserInfoDateTime~}}
15
+ {{~#with ../this.teaserDate~}}
16
+ <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at" this.dateSeparatorTime}}</time>
17
+ {{~/with~}}
18
+ <span class="mx-px last-of-type:hidden">|</span>
19
+ {{~/if~}}
20
+ {{~/if~}}
21
+ {{~#if this.showTeaserInfoSection~}}
22
+ <span class="uppercase">
23
+ {{~../this.documentSection~}}
24
+ </span>
25
+ <span class="mx-px last-of-type:hidden">|</span>
26
+ {{~/if~}}
27
+ {{~/if~}}
28
+ {{~/with~}}
29
+ {{~#if this.isFileDownload~}}
30
+ {{~#with this.teaserImage~}}
32
31
  {{loca "gallery_image_copyright" this.copyrightWithLinks}}
33
- {{/with}}
34
- {{/if}}
35
-
32
+ {{~/with~}}
33
+ {{~/if~}}
36
34
  {{!--Profiles--}}
37
- {{#if this.profiles}}
35
+ {{~#if this.profiles~}}
38
36
  <span>{{this.profiles}}</span>
39
37
  <span class="mx-px last-of-type:hidden">|</span>
40
- {{/if}}
41
-
38
+ {{~/if~}}
42
39
  {{!--Comments--}}
43
- {{#with this.commentsSsi}}
40
+ {{~#with this.commentsSsi~}}
44
41
  {{> components/base/loadSSI _templatePath='components/teaser/components/teaser_comments' }}
45
- {{/with}}
46
- </p>
42
+ {{~/with~}}
43
+ </p>
package/src/stories/views/components/teaser/components/teaser_text.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#decorator 'components/base/link'}}
1
+ {{#decorator 'components/base/link' _css=(inline-switch _size '["25"]' '["hidden ","hidden md:block "]') }}
2
2
  <span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
3
3
  text-base mt-3 font-copy'>
4
4
  {{~_text~}}
package/src/stories/views/components/teaser/group_teaser/group.stories.mdx CHANGED
@@ -32,7 +32,7 @@ import teaserGroup100contentnav from '../fixtures/teaser_group_100_contentnav.js
32
32
  decorators={[
33
33
  (Story) => {
34
34
  return `<div class="grid my-5 grid-page">
35
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
35
+ <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 md:gap-y-14 gap-y-6">
36
36
  ${Story()}
37
37
  </div>
38
38
  </div>`
package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs CHANGED
@@ -6,5 +6,7 @@
6
6
  {{~#if this.hasLink}}</a>{{/if~}}
7
7
  </{{if this.headlineTag this.headlineTag "h2"}}>
8
8
  {{/if}}
9
- {{~> components/teaser/teaser_logic/teaser_logic ~}}
9
+ <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6 md:gap-y-14">
10
+ {{~> components/teaser/teaser_logic/teaser_logic ~}}
11
+ </div>
10
12
  {{/components/grid/grid_group}}
package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  <div
3
3
  x-cloak
4
4
  x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
5
- class="grid grid-cols-12 pt-6 mx-0 col-full md:pt-7 bg-blue-accented md:rounded-tl-3xl md:rounded-br-3xl md:col-main gap-x-6 gap-y-6"
5
+ class="grid grid-cols-12 pt-6 mx-0 mb-8 mt-14 col-full md:pt-7 bg-blue-accented md:rounded-tl-3xl md:rounded-br-3xl md:col-main gap-x-6 gap-y-6"
6
6
  >
7
7
  <section class="col-span-full" data-hr-group-tabbed='{"wandaPageId":"{{this.wandaPageId}}"}'>
8
8
  <div class="flex flex-wrap justify-center mb-7 mx-1.5" role="tablist">
@@ -22,4 +22,4 @@
22
22
  {{~> components/teaser/teaser_logic/teaser_logic ~}}
23
23
  </section>
24
24
  </div>
25
- <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
25
+ <div class="grid grid-cols-12 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">