@asd20/ui 3.2.818 → 3.2.820

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/atoms/Asd20Messaging/index.vue +12 -12
  3. package/src/components/organisms/Asd20PrimaryHeader/index.vue +3 -1
  4. package/src/components/organisms/Asd20SecondaryHeader/index.vue +6 -5
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.818",
8
+ "version": "3.2.820",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/atoms/Asd20Messaging/index.vue CHANGED
@@ -187,24 +187,24 @@ export default {
187
187
  & > img {
188
188
  display: block;
189
189
  width: 100%;
190
- max-height: 350px;
190
+ // max-height: 350px;
191
191
  object-fit: cover;
192
192
  }
193
193
  }
194
194
  }
195
195
  }
196
196
 
197
- @media (min-width: 768px) {
198
- .asd20-messaging {
199
- &--fullscreen {
200
- .message-image {
201
- img {
202
- max-height: 450px;
203
- }
204
- }
205
- }
206
- }
207
- }
197
+ // @media (min-width: 768px) {
198
+ // .asd20-messaging {
199
+ // &--fullscreen {
200
+ // .message-image {
201
+ // img {
202
+ // max-height: 450px;
203
+ // }
204
+ // }
205
+ // }
206
+ // }
207
+ // }
208
208
 
209
209
  @media (min-width: 1024px) {
210
210
  .asd20-messaging {
package/src/components/organisms/Asd20PrimaryHeader/index.vue CHANGED
@@ -83,6 +83,7 @@ export default {
83
83
  margin-top: space(1);
84
84
  .asd20-messaging {
85
85
  margin-right: 0;
86
+ padding-top: space(2);
86
87
  color: white !important;
87
88
  }
88
89
  &::v-deep .asd20-messaging__heading {
@@ -126,9 +127,10 @@ export default {
126
127
  width: 100%;
127
128
  top: space(-1);
128
129
  left: 0;
129
- height: space(2);
130
+ height: space(3);
130
131
  background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/page-images/asd20-header-divider.jpg');
131
132
  background-size: cover;
133
+ background-position: 55% top;
132
134
  }
133
135
  .image-container {
134
136
  width: 100%;
package/src/components/organisms/Asd20SecondaryHeader/index.vue CHANGED
@@ -51,7 +51,7 @@ export default {
51
51
  // margin-top: space(-1);
52
52
  img {
53
53
  width: 100% !important;
54
- height: 300px !important;
54
+ // height: 300px !important;
55
55
  }
56
56
  }
57
57
  &::v-deep .asd20-messaging__heading {
@@ -108,9 +108,10 @@ export default {
108
108
  width: 100%;
109
109
  top: space(-1);
110
110
  left: 0;
111
- height: space(2);
111
+ height: space(3);
112
112
  background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/page-images/asd20-header-divider.jpg');
113
113
  background-size: cover;
114
+ background-position: 20% top;
114
115
  // transform: rotateY(180deg);
115
116
  // transform: translate3d(0, calc(-10% * var(--scroll-progress)), 0);
116
117
  // opacity: 0.5;
@@ -154,9 +155,9 @@ export default {
154
155
  &::v-deep .asd20-messaging__content {
155
156
  padding: space(1);
156
157
  }
157
- &::v-deep .message-image img {
158
- height: 300px !important;
159
- }
158
+ // &::v-deep .message-image img {
159
+ // height: 300px !important;
160
+ // }
160
161
  }
161
162
  }
162
163
  @media (min-width: 1024px) {