From 9c9a35cfaebf2fbb6a1ac5fe1ba4a6a6aaa8b564 Mon Sep 17 00:00:00 2001
From: gz65555 <kevin.hs@antgroup.com>
Date: Sat, 2 Apr 2022 11:58:24 +0800
Subject: [PATCH] feat: add max-width

---
 src/index.css | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/index.css b/src/index.css
index c7494e3..d7b01ed 100644
--- 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;
 }