Merge pull request #731 from pcwadarong/main

[view] 레이아웃이 잘리는 문제 해결
githru · Sep 23, 2024 · 0bf737d · 0bf737d
2 parents 011bbf8 + 3b110f7
commit 0bf737d
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 5 deletions.
diff --git a/packages/view/src/App.scss b/packages/view/src/App.scss
@@ -19,8 +19,7 @@ body {
 }
 
 .middle-container {
-  display: grid;
-  grid-template-columns: 4fr 2fr;
+  display: flex;
   height: calc(100vh - 200px);
   padding: 20px;
 }

diff --git a/packages/view/src/components/Detail/Detail.tsx b/packages/view/src/components/Detail/Detail.tsx
@@ -104,7 +104,7 @@ const Detail = ({ selectedData, clusterId, authSrcMap }: DetailProps) => {
                     title={id}
                     PopperProps={{ sx: { ".MuiTooltip-tooltip": { bgcolor: "#3c4048" } } }}
                   >
-                    <p>{`${id.slice(0, 6)}...`}</p>
+                    <p>{`${id.slice(0, 6)}`}</p>
                   </Tooltip>
                 </a>
               </div>

diff --git a/packages/view/src/components/VerticalClusterList/Summary/Summary.const.ts b/packages/view/src/components/VerticalClusterList/Summary/Summary.const.ts
diff --git a/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss b/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss
@@ -2,6 +2,7 @@
 
 .vertical-cluster-list {
   display: flex;
+  flex: 1;
   flex-direction: column;
 
   &__header {