Merge pull request #63 from SWM-FIRE/FIRE-328-fe-채팅-레이아웃-구성

FIRE-238 fix chatting height
SWM-FIRE · Jul 19, 2022 · f271855 · f271855 · vercel · Jul 19, 2022
2 parents 869f9b4 + d3dcdc9
commit f271855
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/room/Chatting.tsx b/src/components/room/Chatting.tsx
@@ -48,7 +48,7 @@ const Component = styled.div`
   flex-direction: column;
   align-items: flex-start;
   justify-content: space-between;
-  height: 100%;
+  height: calc(100% - 17.8rem);
   font-family: IBMPlexSansKRRegular;
   font-size: 1.3rem;
   color: #6b7280;

diff --git a/src/components/room/Sidebar.tsx b/src/components/room/Sidebar.tsx
@@ -13,13 +13,12 @@ export default function Sidebar() {
 
 const Component = styled.div`
   position: absolute;
-  /* background-color: rgba(22, 29, 52, 1); */
   background-color: #29292e;
   margin: 2rem 2rem 2rem 2rem;
   border-radius: 1rem;
   padding: 3rem 2rem;
   width: 40rem;
   right: 0;
   top: 0;
-  height: -webkit-fill-available;
+  height: calc(100vh - 14rem);
 `;