Merge pull request #234 from SOPT-all/fix/#226/qa-fourth

[FIX] QA 4차 반영

src/pages/templeDetailPage/blogReview/BlogReviewPage.tsx

@@ -15,6 +15,10 @@ const BlogReviewPage = () => {
 
   const totalPages = data?.totalPages || 1;
 
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   useEffect(() => {
     if (!isLoading && data) {
       if (totalPages > 0 && currentPage > totalPages) {

src/pages/templeDetailPage/templePhoto/templePhotoPage.css.ts

@@ -27,6 +27,7 @@ export const photoGrid = style({
   gap: '1rem 1.1rem',
   justifyContent: 'flex-start',
   paddingBottom: '1rem',
+  paddingTop: '5.2rem',
 });
 
 export const photoItem = style({

src/pages/wishList/WishListPage.tsx

@@ -8,7 +8,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
-import container from './wishListPage.css';
+import * as styles from './wishListPage.css';
 
 const WishListPage = () => {
   const [currentPage, setCurrentPage] = useState(1);
@@ -76,13 +76,17 @@ const WishListPage = () => {
   }
 
   return (
-    <div className={container}>
-      <PageName title="위시리스트" isLikeBtn={false} />
+    <div className={styles.container}>
+      <div className={styles.headerBox}>
+        <PageName title="위시리스트" isLikeBtn={false} />
+      </div>
       {totalPages === 1 && wishlist.length === 0 ? (
-        <WishEmpty />
+        <div className={styles.emptyBox}>
+          <WishEmpty />
+        </div>
       ) : (
         <>
-          <div>
+          <div className={styles.contentBox}>
             <WishCardList
               data={wishlist}
               layout="vertical"

src/pages/wishList/wishListPage.css.ts

@@ -1,11 +1,29 @@
+import theme from '@styles/theme.css';
 import { style } from '@vanilla-extract/css';
 
-const container = style({
+export const container = style({
   minHeight: '100vh',
   paddingBottom: '4.4rem',
   display: 'grid',
   gridTemplateRows: 'auto 1fr auto',
   justifyItems: 'center',
 });
 
-export default container;
+export const headerBox = style({
+  position: 'fixed',
+  top: 0,
+  paddingTop: '1.2rem',
+  width: '37.5rem',
+  display: 'flex',
+  justifyContent: 'center',
+  zIndex: 5,
+  backgroundColor: theme.COLORS.white,
+});
+
+export const contentBox = style({
+  paddingTop: '4.2rem',
+});
+
+export const emptyBox = style({
+  paddingTop: '7.2rem',
+});