Nine patch generator layout/scrolling fixes

yxlolxy · Oct 29, 2020 · 51b91cc · 51b91cc
1 parent db0d0c6
commit 51b91cc
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/app/pages/ninepatch/nine-patch-generator.scss b/app/pages/ninepatch/nine-patch-generator.scss
@@ -10,6 +10,7 @@ body.page-nine-patch-generator {
     flex: 1;
     display: flex;
     flex-direction: column;
+    min-width: 0;
   }
 
   .stage-top-toolbar,
@@ -65,8 +66,9 @@ body.page-nine-patch-generator {
     flex: 1;
     display: flex;
     flex-direction: column;
-    align-items: center;
-    justify-content: center;
+    // align-items: center;
+    // justify-content: center;
+    overflow: auto;
     padding: 24px;
   }
 
@@ -75,6 +77,7 @@ body.page-nine-patch-generator {
     box-shadow: material-shadow(3);
     display: flex;
     flex: 0 0 auto;
+    margin: auto;
 
     .empty {
       color: $colorBlackTertiary;
@@ -206,6 +209,10 @@ body.page-nine-patch-generator {
     background-color: material-color('grey', '300');
   }
 
+  .outputs-panel {
+    min-height: 0;
+  }
+
   &[data-theme="dark"] {
     .outputs-panel,
     .nine-patch-preview-area-container {