adata-ui 0.2.2 → 0.2.5

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adata-ui",
3
- "version": "0.2.2",
3
+ "version": "0.2.5",
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>
@@ -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 {
@@ -951,6 +954,12 @@ export default {
951
954
  margin-top: auto;
952
955
  position: relative;
953
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
+ }
954
963
 
955
964
  button.sign {
956
965
  span {
@@ -962,6 +971,9 @@ export default {
962
971
 
963
972
  .menu-wrapper__bottom {
964
973
  margin: 80px 0 0;
974
+ @media (max-width: 1025px) {
975
+ margin: 0;
976
+ }
965
977
 
966
978
  &-header {
967
979
  background: rgba(189, 199, 206, 0.2);
@@ -985,6 +997,9 @@ export default {
985
997
  justify-content: space-between;
986
998
  gap: 12px;
987
999
  margin-bottom: 36px;
1000
+ @media (max-width: 1025px) {
1001
+ margin-bottom: 0;
1002
+ }
988
1003
  }
989
1004
 
990
1005
  &-row {
@@ -671,6 +671,10 @@ svg.rotated {
671
671
  svg {
672
672
  width: 18px;
673
673
  height: 18px;
674
+ @media (max-width: 1025px) {
675
+ width: 24px;
676
+ height: 24px;
677
+ }
674
678
  }
675
679
 
676
680
  &-chosen {
@@ -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: {
@@ -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) {
@@ -246,7 +249,9 @@ export default {
246
249
  }
247
250
  &-btn {
248
251
  margin: 0 auto;
249
- display: block;
252
+ display: flex;
253
+ justify-content: center;
254
+ align-items: center;
250
255
  }
251
256
  }
252
257
  }