feat: 책장이 레이아웃에 잡혀진 패딩을 넘어서 렌더링 되도록 구현

prgrms-web-devcourse · Dec 2, 2023 · 78a80c6 · 78a80c6
1 parent f4e6f32
commit 78a80c6
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/v1/bookShelf/BookShelfRow.tsx b/src/v1/bookShelf/BookShelfRow.tsx
@@ -4,7 +4,7 @@ import BookShelf from './BookShelf';
 const BookShelfRow = ({ books }: Pick<APIBookshelf, 'books'>) => {
   return (
     <BookShelf>
-      <div className="relative pb-[2.5rem] pt-[2rem] shadow-[0px_28px_20px_-16px_#D1D1D1]">
+      <div className="relative left-[-2rem] w-[calc(100%+4rem)] px-[-2rem] pb-[2.5rem] pt-[2rem] shadow-[0px_28px_20px_-16px_#D1D1D1]">
         <BookShelf.Background />
         <BookShelf.Books books={books} />
       </div>