Browse Source

fix: Modal footer/header border missing on lightmode

Owen Diffey 3 năm trước cách đây
mục cha
commit
4a67c00baa
1 tập tin đã thay đổi với 3 bổ sung1 xóa
  1. 3 1
      frontend/src/components/Modal.vue

+ 3 - 1
frontend/src/components/Modal.vue

@@ -56,7 +56,7 @@ export default {
 	.modal-card-head,
 	.modal-card-foot {
 		background-color: var(--dark-grey-3);
-		border-color: var(--dark-grey-2);
+		border: none;
 	}
 
 	.modal-card-body {
@@ -165,6 +165,7 @@ export default {
 		}
 
 		.modal-card-head {
+			border-bottom: 1px solid var(--light-grey-2);
 			border-radius: 5px 5px 0 0;
 
 			.modal-card-title {
@@ -186,6 +187,7 @@ export default {
 		}
 
 		.modal-card-foot {
+			border-top: 1px solid var(--light-grey-2);
 			border-radius: 0 0 5px 5px;
 			overflow: initial;
 			column-gap: 16px;