@nixweb/nixloc-ui 0.0.86 → 0.0.87

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": "@nixweb/nixloc-ui",
3
- "version": "0.0.86",
3
+ "version": "0.0.87",
4
4
  "description": "Componentes UI",
5
5
  "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
6
  "private": false,
@@ -140,7 +140,7 @@ export default {
140
140
 
141
141
  <style scoped>
142
142
  .menu-aberto {
143
- width: 277px;
143
+ width: 350px;
144
144
  z-index: 1000;
145
145
  }
146
146
 
@@ -157,7 +157,7 @@ export default {
157
157
  }
158
158
 
159
159
  .icone-fechar {
160
- margin-right: 20px;
160
+ margin-right: 60px;
161
161
  }
162
162
  .icone {
163
163
  font-size: 20px;
@@ -1,19 +1,26 @@
1
1
  <template>
2
- <div :class="{ 'div-mensagem': !modal.abrir }" v-if="notificacoes.length > 0">
3
- <div v-for="notificacao in notificacoes">
4
- <Alerta tipo="perigo">
5
- {{ notificacao.mensagem }}
6
- </Alerta>
7
- </div>
8
- <b-alert
9
- v-show="false"
10
- :show="contagemRegressiva"
11
- dismissible
12
- variant="danger"
13
- @dismissed="contagemRegressiva = 0"
14
- @dismiss-count-down="contagemRegressivaAlterada"
2
+ <div>
3
+ <div
4
+ :class="{ 'div-mensagem': !modal.abrir }"
5
+ v-if="notificacaoArmazenada.length > 0"
15
6
  >
16
- </b-alert>
7
+ <div>
8
+ <Alerta tipo="perigo">
9
+ <div v-for="notificacao in notificacaoArmazenada">
10
+ {{ notificacao.mensagem }}
11
+ </div>
12
+ </Alerta>
13
+ </div>
14
+ <b-alert
15
+ v-show="false"
16
+ :show="contagemRegressiva"
17
+ dismissible
18
+ variant="danger"
19
+ @dismissed="contagemRegressiva = 0"
20
+ @dismiss-count-down="contagemRegressivaAlterada"
21
+ >
22
+ </b-alert>
23
+ </div>
17
24
  </div>
18
25
  </template>
19
26
 
@@ -28,6 +35,7 @@ export default {
28
35
  return {
29
36
  maximoSegundos: 10,
30
37
  contagemRegressiva: 10,
38
+ notificacaoArmazenada: [],
31
39
  };
32
40
  },
33
41
  computed: {
@@ -35,10 +43,16 @@ export default {
35
43
  },
36
44
  watch: {
37
45
  notificacoes() {
38
- if (this.notificacoes.length > 0) this.contagemRegressiva = 5;
46
+ if (this.notificacoes.length > 0) {
47
+ this.notificacaoArmazenada = this.notificacoes;
48
+ this.contagemRegressiva = 5;
49
+ }
39
50
  },
40
51
  contagemRegressiva() {
41
- if (this.contagemRegressiva === 0) this.removeNotificacao();
52
+ if (this.contagemRegressiva === 0) {
53
+ this.notificacaoArmazenada = [];
54
+ this.removeNotificacao();
55
+ }
42
56
  },
43
57
  },
44
58
  methods: {