adata-ui 0.2.0 → 0.2.4

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 (15) hide show
  1. package/README.md +7 -7
  2. package/babel.config.js +5 -5
  3. package/dist/adata-ui.common.js +74 -72
  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 +74 -72
  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.json +1 -1
  11. package/public/index.html +17 -17
  12. package/src/components/Header/Header.vue +16 -0
  13. package/src/components/Header/Profile.vue +4 -1
  14. package/src/components/Header/ProfileMobile.vue +1 -1
  15. package/src/components/MailTo/MailTo.vue +6 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adata-ui",
3
- "version": "0.2.0",
3
+ "version": "0.2.4",
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/Header/Header.vue CHANGED
@@ -873,6 +873,9 @@ export default {
873
873
  justify-content: space-between;
874
874
  box-shadow: -6px 4px 12px rgb(157 163 172 / 40%);
875
875
  background: #fff;
876
+ @media (max-width: 1025px) {
877
+ justify-content: flex-start;
878
+ }
876
879
 
877
880
  &__top {
878
881
  &-left {
@@ -927,6 +930,7 @@ export default {
927
930
  align-items: center;
928
931
  gap: 8px;
929
932
  cursor: pointer;
933
+ font-weight: 400;
930
934
  }
931
935
  }
932
936
  }
@@ -950,6 +954,12 @@ export default {
950
954
  margin-top: auto;
951
955
  position: relative;
952
956
  z-index: 1000000;
957
+ @media (max-width: 1025px) {
958
+ height: 40px;
959
+ width: calc(100% - 32px);
960
+ margin: 32px 16px;
961
+ justify-content: center;
962
+ }
953
963
 
954
964
  button.sign {
955
965
  span {
@@ -961,6 +971,9 @@ export default {
961
971
 
962
972
  .menu-wrapper__bottom {
963
973
  margin: 80px 0 0;
974
+ @media (max-width: 1025px) {
975
+ margin: 0;
976
+ }
964
977
 
965
978
  &-header {
966
979
  background: rgba(189, 199, 206, 0.2);
@@ -984,6 +997,9 @@ export default {
984
997
  justify-content: space-between;
985
998
  gap: 12px;
986
999
  margin-bottom: 36px;
1000
+ @media (max-width: 1025px) {
1001
+ margin-bottom: 0;
1002
+ }
987
1003
  }
988
1004
 
989
1005
  &-row {
package/src/components/Header/Profile.vue CHANGED
@@ -264,7 +264,6 @@ export default {
264
264
  const array = this.profileDropDown;
265
265
  array.forEach((el, idx) => {
266
266
  if (index === idx) {
267
- console.log(!el.opened);
268
267
  this.$set(el, 'opened', !el.opened);
269
268
  } else this.$set(el, 'opened', false)
270
269
  });
@@ -672,6 +671,10 @@ svg.rotated {
672
671
  svg {
673
672
  width: 18px;
674
673
  height: 18px;
674
+ @media (max-width: 1025px) {
675
+ width: 24px;
676
+ height: 24px;
677
+ }
675
678
  }
676
679
 
677
680
  &-chosen {
package/src/components/Header/ProfileMobile.vue CHANGED
@@ -104,7 +104,7 @@ export default {
104
104
  default: 0
105
105
  },
106
106
  daysLeft: {
107
- type: Number,
107
+ type: [Number, String],
108
108
  default: 0
109
109
  },
110
110
  mode: {
package/src/components/MailTo/MailTo.vue CHANGED
@@ -132,7 +132,6 @@ export default {
132
132
  if (!this.email.length || !regex.test(this.email)) {
133
133
  this.emailError = "Введите валидный email";
134
134
  this.isLoading = false;
135
- return;
136
135
  } else {
137
136
  this.emailError = "";
138
137
  }
@@ -140,12 +139,13 @@ export default {
140
139
  if (this.message.length < 20) {
141
140
  this.messageError = "Введите больше чем 20 символов";
142
141
  this.isLoading = false;
143
- return;
144
142
  } else {
145
143
  this.messageError = "";
146
144
  }
147
145
 
148
- this.requestSupport();
146
+ if(this.email.length && regex.test(this.email) && this.message.length >= 20) {
147
+ this.requestSupport();
148
+ }
149
149
  },
150
150
  async requestSupport() {
151
151
  const requestBody = {
@@ -170,6 +170,9 @@ export default {
170
170
  const result = await response.json();
171
171
  this.isLoading = false;
172
172
  if (result.success) {
173
+ this.phoneNumber = "";
174
+ this.sender_name = "";
175
+ this.message = "";
173
176
  this.$emit("success", result);
174
177
  }
175
178
  } catch (e) {