Merge pull request #2776 from Safelite/feature/bugfix/CASH-1416

CASH-1416: add wrapper element and styles to fix global alert width bug
This commit is contained in:
AdamCaouetteSafelite 2025-08-19 10:53:29 -04:00 committed by GitHub
commit 593b16ba1d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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>