Feat: DropMenu position css스타일 추가

co-KKIRI · Mar 18, 2024 · b27daf5 · b27daf5
1 parent d38ce2d
commit b27daf5
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 7 deletions.
diff --git a/co-kkiri/src/components/commons/DropDowns/FilterDropdown.tsx b/co-kkiri/src/components/commons/DropDowns/FilterDropdown.tsx
@@ -46,7 +46,6 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: end;
-  gap: 0.6rem;
   position: relative;
   width: 10.4rem;
 `;
diff --git a/co-kkiri/src/components/commons/DropDowns/RecruitDropdown.tsx b/co-kkiri/src/components/commons/DropDowns/RecruitDropdown.tsx
@@ -51,7 +51,6 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: end;
-  gap: 0.6rem;
   position: relative;
   padding: 0;
   width: 36.7rem;

diff --git a/co-kkiri/src/components/commons/DropDowns/SortDropdown.tsx b/co-kkiri/src/components/commons/DropDowns/SortDropdown.tsx
@@ -40,8 +40,6 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: end;
-  gap: 1.6rem;
-  position: relative;
   padding: 0;
   width: 10.4rem;
 `;
diff --git a/co-kkiri/src/components/commons/DropDowns/UserInfoDropdown.tsx b/co-kkiri/src/components/commons/DropDowns/UserInfoDropdown.tsx
@@ -51,7 +51,6 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: end;
-  gap: 0.6rem;
   position: relative;
   padding: 0;
   width: 31.4rem;

diff --git a/co-kkiri/src/components/commons/DropDowns/commons/DropMenu.tsx b/co-kkiri/src/components/commons/DropDowns/commons/DropMenu.tsx
@@ -38,7 +38,7 @@ export default function DropMenu({ options, isOpen, handleSelectOption, $borderT
   );
 }
 
-const { typography, color, zIndex } = DESIGN_TOKEN;
+const { typography, color } = DESIGN_TOKEN;
 
 const Container = styled.div<ContainerProps>`
   display: ${({ $isOpen }) => ($isOpen ? "flex" : "none")};
@@ -52,7 +52,8 @@ const COMMON_STYLE = css`
   border: 0.1rem solid ${color.gray[2]};
   color: ${color.black[3]};
   background-color: ${color.white};
-  ${zIndex.popover}
+  position: relative;
+  top: 0.6rem;
 `;
 
 const VARIANT_STYLE = {