Skip to content

Commit 4779e1f

Browse files
committed
fix: 버전 선택 오류 수정
1 parent 6a94526 commit 4779e1f

2 files changed

Lines changed: 12 additions & 4 deletions

File tree

src/components/vmCreate/VMCreateOsImage.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const VMCreateOsImage = ({ item }: VMCreateOsImageProps) => {
2020
<div
2121
key={item.name}
2222
className={twJoin(
23-
"border-[1px] rounded-[10px] w-[160px] h-[151px] flex-col items-center ",
23+
"relative border-[1px] rounded-[10px] w-[160px] h-[151px] flex flex-col items-center",
2424
isSelected ? "border-main-blue" : "border-line",
2525
)}
2626
>

src/components/vmCreate/version_dropdown/VersionDropdown.tsx

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,12 @@ interface VersionDropdownProps {
1313
setToggle: React.Dispatch<React.SetStateAction<boolean>>;
1414
}
1515

16-
const VersionDropdown = ({ item, osVersion, toggle, setToggle }: VersionDropdownProps) => {
16+
const VersionDropdown = ({
17+
item,
18+
osVersion,
19+
toggle,
20+
setToggle,
21+
}: VersionDropdownProps) => {
1722
const currentRef = useRef<HTMLDivElement>(null);
1823
const { isOutside } = useOutsideClick({ ref: currentRef });
1924

@@ -24,7 +29,10 @@ const VersionDropdown = ({ item, osVersion, toggle, setToggle }: VersionDropdown
2429
}, [isOutside, setToggle]);
2530

2631
return (
27-
<div className="flex items-center justify-center w-full h-full relative" ref={currentRef}>
32+
<div
33+
className="flex items-center justify-center w-full h-full relative"
34+
ref={currentRef}
35+
>
2836
<button
2937
className="absolute w-full h-full bg-transparent cursor-pointer z-10"
3038
onClick={() => {
@@ -34,7 +42,7 @@ const VersionDropdown = ({ item, osVersion, toggle, setToggle }: VersionDropdown
3442
<p className="typo-pr-r-14 text-text1">{osVersion || "버전 선택"}</p>
3543
<img className={`${toggle && "rotate-180"}`} src={ic_arrow_down} alt="" />
3644
{toggle && (
37-
<div className="absolute top-[40px] left-0 bg-white w-[252px] h-[240px] border-[1px] border-line rounded-[10px] overflow-y-scroll">
45+
<div className="absolute absolute top-full left-0 mt-2 bg-white w-[252px] h-[240px] border-[1px] border-line rounded-[10px] overflow-y-scroll z-[50]">
3846
{item.version.map((versionObj, index) => {
3947
return (
4048
<VersionDropdownItem

0 commit comments

Comments
 (0)