restyle the Modal component.

[bytom/bytom-electron.git] / src / features / app / components / Modal / Modal.scss

diff --git a/src/features/app/components/Modal/Modal.scss b/src/features/app/components/Modal/Modal.scss
index f4de5bd..ae82292 100644 (file)
--- a/src/features/app/components/Modal/Modal.scss
+++ b/src/features/app/components/Modal/Modal.scss
@@ -20,7 +20,7 @@
   left: calc(50% - 250px);
   width: 500px;
   max-height: 80%;
-  overflow: scroll;
+  overflow: auto;
 
   pre {
     white-space: pre-wrap;
@@ -39,3 +39,24 @@
 .cancel {
   color: $text-color;
 }
+
+.box {
+  background: $background-color;
+  position: absolute;
+  top: 10%;
+  height: 80%;
+}
+
+.title {
+  height: 55px;
+  padding: $gutter-size/2 $gutter-size;
+  border-bottom: 1px solid $border-color;
+  font-size: $font-size-section-title;
+  color: $text-strong-color;
+}
+
+.close {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}