feat: add max-width

rich-lab · Apr 2, 2022 · 9c9a35c · 9c9a35c
1 parent da6f1b1
commit 9c9a35c
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/index.css b/src/index.css
@@ -1,31 +1,32 @@
 :root {
-  --panel-manager-border-color: #e4e4e4;  
-  --panel-manager-border--active-color: #1890ff;  
+  --panel-manager-border-color: #e4e4e4;
+  --panel-manager-border--active-color: #1890ff;
 }
 
-div.resizable-default-border[data-panel-resizable='true'][data-panel-type='L'] {
+div.resizable-default-border[data-panel-resizable="true"][data-panel-type="L"] {
   border-right: 1px solid var(--panel-manager-border-color);
 }
 
-div.resizable-default-border[data-panel-resizable='true'][data-panel-type='T'] {
+div.resizable-default-border[data-panel-resizable="true"][data-panel-type="T"] {
   border-bottom: 1px solid var(--panel-manager-border-color);
 }
 
-div.resizable-default-border[data-panel-resizable='true'][data-panel-type='B'] {
+div.resizable-default-border[data-panel-resizable="true"][data-panel-type="B"] {
   border-top: 1px solid var(--panel-manager-border-color);
 }
 
-div.resizable-default-border[data-panel-resizable='true'][data-panel-type='R'] {
+div.resizable-default-border[data-panel-resizable="true"][data-panel-type="R"] {
   border-left: 1px solid var(--panel-manager-border-color);
 }
 
-div[data-panel-resizable='false'] {
+div[data-panel-resizable="false"] {
   flex: 1;
 }
 
 div.panel-content-container {
   display: block !important;
   flex: 1;
+  max-width: 100%;
 }
 
 div[data-panel-type] {
@@ -81,9 +82,9 @@ div[data-panel-type] {
 }
 
 .panel-manager-transition-width {
-  transition: width .6s ease;
+  transition: width 0.6s ease;
 }
 
 .panel-manager-transition-height {
-  transition: height .6s ease;
+  transition: height 0.6s ease;
 }