fix vertical divider

assurance-maladie-digital · Sep 25, 2024 · 9cc585b · 9cc585b
1 parent 99b8e1c
commit 9cc585b
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue b/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
@@ -159,7 +159,8 @@ export default defineComponent({
 					v-if="!mobileVersion && hasLongContent"
 					:color="contentColor"
 					:style="{ borderColor: dividerColor }"
-					:vertical="true"
+					:thickness="1"
+					vertical
 					class="mx-4"
 				/>
 				<slot :attrs="actionSlotAttrs" name="action"></slot>
@@ -241,4 +242,9 @@ $breakpoint-xs: 600px;
 .vd-notification-icon {
 	min-width: 24px;
 }
+
+:deep(.v-divider--vertical) {
+	height: 35px;
+	opacity: 0.50;
+}
 </style>