@worksafevictoria/wcl7.5 1.13.0-beta.7 → 1.13.0-beta.9
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
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
interval="0"
|
|
8
8
|
controls
|
|
9
9
|
indicators
|
|
10
|
+
label-indicators="Select a slide to display"
|
|
10
11
|
keyboard
|
|
11
12
|
:fade="true"
|
|
12
13
|
background="#ababab"
|
|
@@ -115,9 +116,14 @@ methods: {
|
|
|
115
116
|
<style>
|
|
116
117
|
.carousel {
|
|
117
118
|
position: relative;
|
|
118
|
-
height: 70%;
|
|
119
119
|
margin-bottom: 10px;
|
|
120
120
|
}
|
|
121
|
+
/* Introduced changes to make image responsive */
|
|
122
|
+
.carousel img {
|
|
123
|
+
object-fit: cover;
|
|
124
|
+
max-height: 420px;
|
|
125
|
+
width: 100%;
|
|
126
|
+
}
|
|
121
127
|
|
|
122
128
|
.carousel-indicators button {
|
|
123
129
|
width: 10px !important;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import HomepageHeader from './index.vue'
|
|
2
2
|
import { mockCarouselItems } from '../../../mock/carousel-items'
|
|
3
3
|
|
|
4
|
+
// Introduced an additional headerLink
|
|
4
5
|
|
|
5
6
|
const headerLinks = [
|
|
6
7
|
{
|
|
@@ -22,6 +23,10 @@ const headerLinks = [
|
|
|
22
23
|
{
|
|
23
24
|
text: 'Pay or renew your insurance',
|
|
24
25
|
path: '/pay-or-renew-your-workcover-insurance-premium'
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
text: 'Contact Worksafe',
|
|
29
|
+
path: '/contact-worksafe'
|
|
25
30
|
}
|
|
26
31
|
]
|
|
27
32
|
|
|
@@ -14,10 +14,9 @@
|
|
|
14
14
|
<div class="homepage-header__content-wrapper">
|
|
15
15
|
<container class="homepage-header__content-wrapper__content">
|
|
16
16
|
<row>
|
|
17
|
+
<!-- changes made to bootstrap grid breakpoints -->
|
|
17
18
|
<column
|
|
18
|
-
class="homepage-header__content-wrapper__content-col col-12 col-md-7 homepage-header__content-wrapper__content-col--split wcl-rich-text--ltr"
|
|
19
|
-
:xs="7"
|
|
20
|
-
:md="7"
|
|
19
|
+
class="homepage-header__content-wrapper__content-col col-12 col-md-7 col-lg-8 homepage-header__content-wrapper__content-col--split wcl-rich-text--ltr"
|
|
21
20
|
>
|
|
22
21
|
<carousel-component
|
|
23
22
|
:carousel-items="slideList"
|
|
@@ -25,10 +24,8 @@
|
|
|
25
24
|
:is-paragraph="false"
|
|
26
25
|
/>
|
|
27
26
|
</column>
|
|
28
|
-
<column
|
|
29
|
-
|
|
30
|
-
:offset-md="1"
|
|
31
|
-
class="homepage-header__side col-md-4 offset-md-1"
|
|
27
|
+
<column
|
|
28
|
+
class="homepage-header__side col-12 col-md-5 col-lg-4"
|
|
32
29
|
>
|
|
33
30
|
<div>
|
|
34
31
|
<cta-button
|
|
@@ -220,4 +217,6 @@ export default {
|
|
|
220
217
|
}
|
|
221
218
|
}
|
|
222
219
|
}
|
|
220
|
+
|
|
221
|
+
|
|
223
222
|
</style>
|