浏览代码

css fixes for modal

DimDz 2 年之前
父节点
当前提交
301580d61a
共有 1 个文件被更改,包括 30 次插入1 次删除
  1. 30 1
      client/components/boards/boardBody.css

+ 30 - 1
client/components/boards/boardBody.css

@@ -167,11 +167,40 @@
   border-color: #2b004d;
   border-color: #2b004d;
   color: #fff !important;
   color: #fff !important;
 }
 }
+/* Modal Styles */
 .modal-dialog {
 .modal-dialog {
   display: flex;
   display: flex;
   justify-content: center;
   justify-content: center;
   align-items: center;
   align-items: center;
+  height: 70%;
 }
 }
 .modal-header {
 .modal-header {
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 1px;
+  border-bottom: 1px solid #ccc;
+}
+.modal-title {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  font-size: 18px;
+}
+.modal-footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 4px;
+  border-top: 1px solid #ccc;
+}
+.close {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  font-size: 25px;
 }
 }