@asd20/ui 3.2.774 → 3.2.776

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
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.774",
8
+ "version": "3.2.776",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -6,18 +6,19 @@
6
6
  humbly provide a few options to get you back on track:
7
7
  </p>
8
8
  <div class="options">
9
- <asd20-button class="option-button" reversed @click.native="redirectHome"
10
- >Go back to the page you came from
9
+ <asd20-button class="option-button" reversed @click.native="trySearch"
10
+ >Try a Search
11
11
  </asd20-button>
12
- <asd20-button
12
+ <!-- <asd20-button
13
13
  class="option-button"
14
14
  reversed
15
15
  @click.native="redirectToPrevious"
16
+ >Go back to the page you came from
17
+ </asd20-button> -->
18
+ <asd20-button class="option-button" reversed @click.native="redirectHome"
16
19
  >Go back to our Home Page
17
20
  </asd20-button>
18
- <asd20-button class="option-button" reversed @click.native="trySearch"
19
- >Try a Search
20
- </asd20-button>
21
+
21
22
  </div>
22
23
  <asd20-list
23
24
  v-if="suggestedPagesListItems.length > 0"
@@ -88,11 +89,13 @@ export default {
88
89
 
89
90
  data: () => ({
90
91
  suggestedPagesListItems: [],
91
- referrerLink: document.referrer || window.location.origin,
92
- homeLink: window.location.origin,
92
+ referrerLink: '',
93
+ homeLink: '',
93
94
  }),
94
95
 
95
96
  mounted() {
97
+ this.referrerLink = document.referrer || window.location.origin
98
+ this.homeLink = window.location.origin
96
99
  this.findSuggestedPages()
97
100
  },
98
101
 
@@ -138,15 +141,18 @@ export default {
138
141
  flex-grow: 1;
139
142
  padding: space(2) space(1);
140
143
  box-sizing: border-box;
144
+ background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)),
145
+ url(../../../../public/statics/images/404Background.jpg) no-repeat center center / cover;
141
146
  h1 {
142
147
  text-align: center;
143
148
  color: asd20-swatch('primary');
149
+ z-index: 5;
144
150
  small {
145
151
  position: relative;
146
152
  display: block;
147
153
  font-size: 20vw;
148
154
  opacity: 1;
149
- color: rgb(245, 245, 245);
155
+ color: rgba(235, 235, 235, 0.5);
150
156
  line-height: 1;
151
157
  margin-bottom: -10vw;
152
158
  z-index: -1;
@@ -163,6 +169,7 @@ export default {
163
169
  .option-button {
164
170
  margin: 1rem;
165
171
  width: 300px;
172
+ z-index: 10;
166
173
  }
167
174
  }
168
175