🐛 사이드바 위치 버그 수정

boostcampwm2023 · Nov 21, 2023 · e0bdb8e · e0bdb8e
1 parent ca6f2c5
commit e0bdb8e
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', {