fix(view): 우측 그래프 표시 레이아웃이 무너짐 수정 (#576)

* bug: fix layout * fix: 가상 선택자에서 클래스명으로 접근하는 방식으로 수정 * fix: 주석 삭제
githru · Aug 5, 2024 · 7fc21eb · 7fc21eb
1 parent a838853
commit 7fc21eb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/packages/view/src/components/Statistics/Statistics.scss b/packages/view/src/components/Statistics/Statistics.scss
@@ -3,7 +3,8 @@
   flex-direction: column;
   align-items: center;
   gap: 5vh;
-  width: 350px;
+  padding: 0 20px 20px;
+  width: 28%;
   overflow-y: scroll;
 }
 

diff --git a/packages/view/src/components/VerticalClusterList/Summary/Summary.scss b/packages/view/src/components/VerticalClusterList/Summary/Summary.scss
@@ -58,6 +58,7 @@
     .cluster-summary__contents {
       flex-grow: 1;
       display: flex;
+      align-items: center;
       justify-content: space-between;
       font-size: 12px;
       gap: 10px;

diff --git a/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss b/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss
@@ -9,5 +9,5 @@
   overflow-x: hidden;
   overflow-y: scroll;
   flex-grow: 1;
-  width: 100%;
+  width: 70%;
 }