refactor: 태그 시트 백그라운드 요소 UI 깨지는 현상 수정

Author: sikkzz

src/components/SelectTag/TagSheet/TagSheet.module.scss

@@ -3,13 +3,15 @@
   inset: 0;
   background: rgba(0, 0, 0, 0.3);
   z-index: 2;
+  max-width: 37.5rem;
+  margin: 0 auto;
 }
 
 .BottomSheet {
   position: fixed;
   bottom: 0;
-  left: 0;
   width: 100%;
+  max-width: 37.5rem;
   height: 80%;
   background: var(--color-white);
   border-radius: 1.25rem 1.25rem 0 0;

src/styles/global.scss

@@ -27,3 +27,13 @@ textarea {
   outline: none;
   background-color: transparent;
 }
+
+body[data-scroll-locked] {
+  overflow: visible !important;
+  padding: 0 !important;
+  position: static !important;
+}
+
+html body[data-scroll-locked] {
+  margin: 0 auto !important;
+}