Merge pull request #225 from SOPT-all/develop

[DEPLOY] dev to main
SOPT-all · Jan 24, 2025 · c5f4e34 · c5f4e34
2 parents 3545eb1 + 7f8ba88
commit c5f4e34
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/common/modal/modal.css.ts b/src/components/common/modal/modal.css.ts
@@ -17,7 +17,7 @@ export const modalContainer = style({
 
   borderRadius: '8px',
   backgroundColor: theme.COLORS.white,
-  zIndex: 4,
+  zIndex: 100,
 });
 
 export const modalBackdrop = style({
@@ -28,7 +28,7 @@ export const modalBackdrop = style({
   top: 0,
   left: 0,
 
-  zIndex: 3,
+  zIndex: 100,
   width: '100%',
   height: 'calc(100% + 1.2rem)',
   background: theme.COLORS.black60,

diff --git a/src/pages/searchResultPage/SearchResultPage.tsx b/src/pages/searchResultPage/SearchResultPage.tsx
@@ -89,7 +89,9 @@ const SearchResultPage = () => {
         <FilterTypeBox activeFilters={activeFilters} />
       </div>
       {templestays.length === 0 ? (
-        <SearchEmpty text={searchText} />
+        <div className={styles.emptyContainer}>
+          <SearchEmpty text={searchText} />
+        </div>
       ) : (
         <div className={styles.bodyContainer}>
           <SearchCardList

diff --git a/src/pages/searchResultPage/searchResultPage.css.ts b/src/pages/searchResultPage/searchResultPage.css.ts
@@ -19,7 +19,7 @@ export const headerContainer = style({
   alignItems: 'center',
   paddingTop: '1rem',
   marginBottom: '1rem',
-  zIndex: 5,
+  zIndex: 3,
 });
 
 export const bodyContainer = style({
@@ -31,3 +31,7 @@ export const bodyContainer = style({
   paddingBottom: '4.4rem',
   gap: '3.2rem',
 });
+
+export const emptyContainer = style({
+  paddingTop: '12.2rem',
+});