Merge pull request #129 from js43o/fix-sidebar-bug

[Fix] Sidebar 컴포넌트 위치 관련 버그 수정
boostcampwm2023 · Nov 22, 2023 · 387a7a5 · 387a7a5
2 parents 7e046d1 + e0bdb8e
commit 387a7a5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/frontend/src/components/commons/Sidebar/index.css.ts b/app/frontend/src/components/commons/Sidebar/index.css.ts
@@ -41,10 +41,10 @@ export const panel = style({
 export const wrapper = style({
   display: 'flex',
   alignItems: 'center',
-  position: 'absolute',
-  top: 0,
+  position: 'fixed',
+  top: '8.6rem',
   left: 0,
   zIndex: 100,
-  height: '100%',
+  height: 'calc(100% - 8.6rem)',
   transition: 'transform 0.5s',
 });
diff --git a/app/frontend/src/styles/reset.css.ts b/app/frontend/src/styles/reset.css.ts
@@ -25,16 +25,16 @@ globalStyle(
 
 globalStyle('html', {
   fontSize: '62.5%',
-  height: '100%',
+  minHeight: '100vh',
 });
 
 globalStyle('body', {
   lineHeight: 1,
-  height: '100%',
+  minHeight: '100vh',
 });
 
 globalStyle('#root', {
-  height: '100%',
+  minHeight: '100vh',
 });
 
 globalStyle('ol, ul', {