adata-ui 0.2.7 → 0.3.0

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 (21) hide show
  1. package/README.md +7 -7
  2. package/babel.config.js +5 -5
  3. package/dist/adata-ui.common.js +2960 -59
  4. package/dist/adata-ui.common.js.map +1 -1
  5. package/dist/adata-ui.css +1 -1
  6. package/dist/adata-ui.umd.js +2960 -59
  7. package/dist/adata-ui.umd.js.map +1 -1
  8. package/dist/adata-ui.umd.min.js +2 -2
  9. package/dist/adata-ui.umd.min.js.map +1 -1
  10. package/package-lock.json +1 -1
  11. package/package.json +1 -1
  12. package/public/index.html +17 -17
  13. package/src/components/ErrorPages/BadGateway.vue +12 -14
  14. package/src/components/ErrorPages/Forbidden.vue +9 -6
  15. package/src/components/ErrorPages/InternalServerError.vue +9 -6
  16. package/src/components/ErrorPages/NotFound.vue +9 -6
  17. package/src/components/ErrorPages/Unavailable.vue +2012 -0
  18. package/src/components/Footer/Footer.vue +1 -0
  19. package/src/components/Header/Header.vue +9 -0
  20. package/src/components/Header/InfoHeader.vue +5 -0
  21. package/src/components/index.js +11 -1
package/package-lock.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adata-ui",
3
- "version": "0.1.62",
3
+ "version": "0.2.0",
4
4
  "lockfileVersion": 1,
5
5
  "requires": true,
6
6
  "dependencies": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adata-ui",
3
- "version": "0.2.7",
3
+ "version": "0.3.0",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/public/index.html CHANGED
@@ -1,17 +1,17 @@
1
- <!DOCTYPE html>
2
- <html lang="">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
7
- <link rel="icon" href="<%= BASE_URL %>logo.svg">
8
- <title>Adata UI</title>
9
- </head>
10
- <body>
11
- <noscript>
12
- <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13
- </noscript>
14
- <div id="app"></div>
15
- <!-- built files will be auto injected -->
16
- </body>
17
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
7
+ <link rel="icon" href="<%= BASE_URL %>logo.svg">
8
+ <title>Adata UI</title>
9
+ </head>
10
+ <body>
11
+ <noscript>
12
+ <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13
+ </noscript>
14
+ <div id="app"></div>
15
+ <!-- built files will be auto injected -->
16
+ </body>
17
+ </html>
package/src/components/ErrorPages/BadGateway.vue CHANGED
@@ -80,7 +80,7 @@
80
80
  <ul class="error-aside__text-info">Варианты решения проблемы:
81
81
  <li class="error-aside__text-info__bullet">Обновите страницу</li>
82
82
  <li class="error-aside__text-info__bullet">Очистите кэш браузера</li>
83
- <li class="error-aside__text-info__bullet">Свяжитесь с технической поддержкой <span class="error-aside__text-info__email">info@adata.kz</span> </li>
83
+ <li class="error-aside__text-info__bullet">Свяжитесь с технической поддержкой <a class="error-aside__text-info__email" href="mailto:info@adata.kz">info@adata.kz</a> </li>
84
84
  </ul>
85
85
  </div>
86
86
  </div>
@@ -90,7 +90,7 @@
90
90
  <script>
91
91
 
92
92
  export default {
93
- name: "ErrorBadGateway",
93
+ name: "BadGateway",
94
94
  layout: "empty"
95
95
  }
96
96
  </script>
@@ -101,12 +101,12 @@ export default {
101
101
  &-wrapper {
102
102
  display: flex;
103
103
  flex-direction: row;
104
- @include small-tablet {
104
+ @media only screen and (max-width: 820px) {
105
105
  margin: 0 16px;
106
106
  }
107
107
  }
108
108
  &-img {
109
- @include small-tablet {
109
+ @media only screen and (max-width: 820px) {
110
110
  display: none;
111
111
  }
112
112
  }
@@ -118,9 +118,9 @@ export default {
118
118
  flex-direction: column;
119
119
  margin: auto 0;
120
120
  max-width: 463px;
121
- @include small-tablet {
121
+ @media only screen and (max-width: 820px) {
122
122
  margin-top: 24px;
123
- width: auto;
123
+ width: 100%;
124
124
  max-width: none;
125
125
  height: auto;
126
126
  }
@@ -146,10 +146,15 @@ export default {
146
146
  font-size: 16px;
147
147
  line-height: 24px;
148
148
  height: 72px;
149
- @include small-tablet {
149
+ @media only screen and (max-width: 820px) {
150
150
  height: 7rem;
151
151
  }
152
152
  &__bullet {
153
+ display: block;
154
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgNS40NDRMNC42OTIgOSAxMyAxIiBzdHJva2U9IiMwMDdBRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
155
+ background-position: left 6px;
156
+ background-repeat: no-repeat;
157
+ padding-left: 24px;
153
158
  font-weight: 500;
154
159
  font-size: 14px;
155
160
  line-height: 24px;
@@ -157,13 +162,6 @@ export default {
157
162
  &__bullet:first-child{
158
163
  margin-top: 1rem;
159
164
  }
160
- &__bullet:before {
161
- content: '✓';
162
- padding-right: 0.625rem;
163
- color: #007AFF;
164
- width: 12px;
165
- height: 8px;
166
- }
167
165
  &__email {
168
166
  color: #007AFF;
169
167
  }
package/src/components/ErrorPages/Forbidden.vue CHANGED
@@ -244,12 +244,12 @@ export default {
244
244
  &-wrapper {
245
245
  display: flex;
246
246
  flex-direction: row;
247
- @media only screen and (min-width: 820px) {
247
+ @media only screen and (max-width: 820px) {
248
248
  margin: 0 16px;
249
249
  }
250
250
  }
251
251
  &-img {
252
- @media only screen and (min-width: 820px) {
252
+ @media only screen and (max-width: 820px) {
253
253
  display: none;
254
254
  }
255
255
  }
@@ -261,9 +261,9 @@ export default {
261
261
  flex-direction: column;
262
262
  margin: auto 0;
263
263
  max-width: 463px;
264
- @media only screen and (min-width: 820px) {
264
+ @media only screen and (max-width: 820px) {
265
265
  margin-top: 24px;
266
- width: auto;
266
+ width: 100%;
267
267
  max-width: none;
268
268
  height: auto;
269
269
  }
@@ -292,13 +292,16 @@ export default {
292
292
  flex-wrap: wrap;
293
293
  align-content: space-between;
294
294
  height: 5rem;
295
- @media only screen and (min-width: 820px) {
295
+ @media only screen and (max-width: 820px) {
296
296
  height: 7rem;
297
297
  }
298
298
  }
299
299
  }
300
300
  &__button {
301
- margin-top: 32px;
301
+ margin-top: 2rem;
302
+ @media only screen and (max-width: 820px) {
303
+ margin-top: 12.5rem;
304
+ }
302
305
  }
303
306
  }
304
307
  }
package/src/components/ErrorPages/InternalServerError.vue CHANGED
@@ -124,12 +124,12 @@ export default {
124
124
  &-wrapper {
125
125
  display: flex;
126
126
  flex-direction: row;
127
- @include small-tablet {
127
+ @media only screen and (max-width: 820px) {
128
128
  margin: 0 16px;
129
129
  }
130
130
  }
131
131
  &-img {
132
- @include small-tablet {
132
+ @media only screen and (max-width: 820px) {
133
133
  display: none;
134
134
  }
135
135
  }
@@ -141,9 +141,9 @@ export default {
141
141
  flex-direction: column;
142
142
  margin: auto 0;
143
143
  max-width: 463px;
144
- @include small-tablet {
144
+ @media only screen and (max-width: 820px) {
145
145
  margin-top: 24px;
146
- width: auto;
146
+ width: 100%;
147
147
  max-width: none;
148
148
  height: auto;
149
149
  }
@@ -168,13 +168,16 @@ export default {
168
168
  font-weight: 500;
169
169
  font-size: 14px;
170
170
  line-height: 20px;
171
- @include small-tablet {
171
+ @media only screen and (max-width: 820px) {
172
172
  height: 7rem;
173
173
  }
174
174
  }
175
175
  }
176
176
  &__button {
177
- margin-top: 32px;
177
+ margin-top: 2rem;
178
+ @media only screen and (max-width: 820px) {
179
+ margin-top: 12.5rem;
180
+ }
178
181
  }
179
182
  }
180
183
  }
package/src/components/ErrorPages/NotFound.vue CHANGED
@@ -244,12 +244,12 @@ export default {
244
244
  &-wrapper {
245
245
  display: flex;
246
246
  flex-direction: row;
247
- @include small-tablet {
247
+ @media only screen and (max-width: 820px) {
248
248
  margin: 0 16px;
249
249
  }
250
250
  }
251
251
  &-img {
252
- @include small-tablet {
252
+ @media only screen and (max-width: 820px) {
253
253
  display: none;
254
254
  }
255
255
  }
@@ -261,9 +261,9 @@ export default {
261
261
  flex-direction: column;
262
262
  margin: auto 0;
263
263
  max-width: 463px;
264
- @include small-tablet {
264
+ @media only screen and (max-width: 820px) {
265
265
  margin-top: 24px;
266
- width: auto;
266
+ width: 100%;
267
267
  max-width: none;
268
268
  height: auto;
269
269
  }
@@ -292,13 +292,16 @@ export default {
292
292
  flex-wrap: wrap;
293
293
  align-content: space-between;
294
294
  height: 6.25rem;
295
- @include small-tablet {
295
+ @media only screen and (max-width: 820px) {
296
296
  height: 7rem;
297
297
  }
298
298
  }
299
299
  }
300
300
  &__button {
301
- margin-top: 32px;
301
+ margin-top: 2rem;
302
+ @media only screen and (max-width: 820px) {
303
+ margin-top: 12.5rem;
304
+ }
302
305
  }
303
306
  }
304
307
  }