CASH-1416: add wrapper element and styles
This commit is contained in:
parent
c1813cc024
commit
1153d4c722
1 changed files with 15 additions and 10 deletions
|
|
@ -26,6 +26,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id">
|
<template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id">
|
||||||
|
<div class="container d-flex global-alert-wrapper">
|
||||||
<transition name="fade" mode="out-in">
|
<transition name="fade" mode="out-in">
|
||||||
<alert
|
<alert
|
||||||
v-if="globalAlert.displayAlert"
|
v-if="globalAlert.displayAlert"
|
||||||
|
|
@ -36,6 +37,7 @@
|
||||||
:alertClass="globalAlert.type"
|
:alertClass="globalAlert.type"
|
||||||
v-bind:isDismissible="globalAlert.isDismissible" />
|
v-bind:isDismissible="globalAlert.isDismissible" />
|
||||||
</transition>
|
</transition>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -257,4 +259,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.global-alert-wrapper .alert {
|
||||||
|
margin: 0 0 1.5rem;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue