add basic responsiveness

decaporg · Dec 6, 2017 · 4ded3f8 · 4ded3f8
1 parent aa7cfdd
commit 4ded3f8
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/src/components/App/App.css b/src/components/App/App.css
@@ -1,6 +1,7 @@
 @import "./Header.css";
 
 .nc-app-main {
-  width: 1440px;
+  min-width: 800px;
+  max-width: 1440px;
   margin: 0 auto;
 }
diff --git a/src/components/App/Header.css b/src/components/App/Header.css
@@ -15,7 +15,8 @@
 .nc-appHeader-content {
   display: flex;
   justify-content: space-between;
-  max-width: 1600px;
+  min-width: 800px;
+  max-width: 1440px;
   padding: 0 12px;
   margin: 0 auto;
 }

diff --git a/src/components/Editor/EditorInterface.css b/src/components/Editor/EditorInterface.css
@@ -37,6 +37,7 @@
 
 .nc-entryEditor-containerOuter {
   width: 100%;
+  min-width: 800px;
   height: 100%;
   position: absolute;
   top: 0;

diff --git a/src/components/Editor/EditorToolbar.css b/src/components/Editor/EditorToolbar.css
@@ -6,6 +6,7 @@
   top: 0;
   left: 0;
   width: 100%;
+  min-width: 800px;
   z-index: 300;
   background-color: #fff;
   height: 66px;