fixed typos

src/containers/dialogs/ScrollDialog/index.tsx

@@ -21,7 +21,6 @@ const ScrollDialog: FC<IProps> = ({
   children,
   title,
   buttons,
-  size = "medium",
   width = 800,
   top_sticky,
   top_sticky_offset,
@@ -61,7 +60,7 @@ const ScrollDialog: FC<IProps> = ({
       <div
         className={classNames(styles.content, {
           has_buttons: !!buttons,
-          has_title: !!title
+          has_title: true
         })}
         style={{ flexBasis: width }}
       >
@@ -84,6 +83,14 @@ const ScrollDialog: FC<IProps> = ({
           </div>
         )}
 
+        {!title && (
+          <div className={styles.top}>
+            <div className={styles.wrap} style={{ flexBasis: width }}>
+              <div className={styles.top_cap} />
+            </div>
+          </div>
+        )}
+
         {!!buttons && (
           <div className={styles.bottom}>
             <div className={styles.wrap} style={{ flexBasis: width }}>

src/containers/dialogs/ScrollDialog/styles.scss

@@ -50,6 +50,13 @@
   z-index: 2;
 }
 
+.top {
+  .wrap {
+    display: flex;
+    align-items: flex-end;
+  }
+}
+
 .bottom {
   bottom: 15px;
   top: auto;
@@ -94,5 +101,22 @@
 
 .children {
   background: $content_bg;
-  radius: $radius;
+  border-radius: $radius;
+}
+
+.top_cap {
+  height: $radius;
+  background: $content_bg;
+  border-radius: $radius $radius 0 0;
+  flex: 1;
+  position: relative;
+
+  &::after {
+    position: absolute;
+    content: " ";
+    width: 100%;
+    height: $gap;
+    background: linear-gradient($content_bg, transparentize($content_bg, 1));
+    bottom: -$gap;
+  }
 }