@asd20/ui 3.2.534 → 3.2.536

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/organisms/Asd20PrimaryHeader/index.vue +3 -3
  3. package/src/components/organisms/Asd20TertiaryHeader/index.vue +1 -2
  4. package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +17 -4
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.534",
8
+ "version": "3.2.536",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/organisms/Asd20PrimaryHeader/index.vue CHANGED
@@ -74,8 +74,8 @@ export default {
74
74
  flex-direction: column;
75
75
  justify-content: center;
76
76
  align-items: center;
77
- background: var(--color__on-primary);
78
- background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/textures/asd20-strategic-texture.jpg');
77
+ background: var(--website-homepage-header__background-color)
78
+ var(--website-homepage-header__background-style);
79
79
  background-size: cover;
80
80
 
81
81
  color: var(--color__primary);
@@ -158,7 +158,7 @@ export default {
158
158
  .image-container {
159
159
  width: auto;
160
160
  img {
161
- max-width: 800px;
161
+ max-width: 600px;
162
162
  max-height: 600px;
163
163
  }
164
164
  }
package/src/components/organisms/Asd20TertiaryHeader/index.vue CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  flex-shrink: 0;
35
35
  flex-direction: column;
36
36
  color: var(--website-homepage-header__secondary-foreground-color);
37
- background: var(--website-homepage-header__secondary-background-color);
37
+ background: var(--color__secondary-t10);
38
38
  // background-image: var(--website-homepage-header__secondary-background-style);
39
39
  // background-position: bottom right !important;
40
40
  // background-size: cover !important;
@@ -112,7 +112,6 @@ export default {
112
112
 
113
113
  @media (min-width: 667px) {
114
114
  .asd20-tertiary-header {
115
- background: var(--color__secondary-t20);
116
115
  &::v-deep .lead {
117
116
  width: 100%;
118
117
  }
package/src/components/templates/Asd20DistrictHomeTemplate/index.vue CHANGED
@@ -68,7 +68,13 @@
68
68
  </client-only>
69
69
  <slot name="top" />
70
70
  <template>
71
- <div class="header-notifications">
71
+ <div
72
+ :class="
73
+ activeNotificationsByType.floating.length > 0
74
+ ? 'double-notification-wrapper'
75
+ : 'notification-wrapper'
76
+ "
77
+ >
72
78
  <client-only>
73
79
  <asd20-notification-group
74
80
  :notifications="activeNotificationsByType.status"
@@ -322,10 +328,16 @@ export default {
322
328
  // }
323
329
  // }
324
330
  }
325
- .header-notifications {
331
+ .notification-wrapper {
326
332
  display: flex;
333
+ flex-direction: row;
334
+ justify-content: center;
335
+ width: 100%;
336
+ }
337
+ .double-notification-wrapper {
338
+ display: flex;
339
+ flex-direction: row;
327
340
  justify-content: space-between;
328
- align-items: center;
329
341
  width: 100%;
330
342
  }
331
343
  .asd20-header-content {
@@ -372,7 +384,8 @@ export default {
372
384
  height: space(3) !important;
373
385
  }
374
386
  }
375
- .header-notifications {
387
+ .notification-wrapper,
388
+ .double-notification-wrapper {
376
389
  display: flex;
377
390
  justify-content: flex-end;
378
391
  align-items: center;