Skip to content

Commit 1fc9c7a

Browse files
committed
fix: 모달이 최상단에 있지 않아 겹치는 문제 해결 - close #34
1 parent 2fb6466 commit 1fc9c7a

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

src/shared/components/LoadingModal.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
const LoadingModal = () => {
22
return (
3-
<div className="fixed inset-0 flex justify-center items-center bg-slate-200 bg-opacity-50">
3+
<div className="fixed inset-0 z-50 flex justify-center items-center bg-slate-200 bg-opacity-50">
44
<div className="rounded-md flex flex-col items-center">
55
<div className="grid grid-cols-2 gap-2 mb-4">
66
<div className="h-4 w-4 rounded-full bg-gray-400 animate-dot-flip [animation-delay:0ms]" />

src/shared/components/Modal.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import Button from "./Button";
55

66
const Modal = ({ children, onClick, onClose, buttonText = "확인" }) => {
77
return (
8-
<div className="fixed inset-0 flex justify-center items-center bg-slate-200 bg-opacity-50">
8+
<div className="fixed inset-0 z-50 flex justify-center items-center bg-slate-200 bg-opacity-50">
99
<div className="py-4 px-6 bg-white rounded-md relative space-y-4">
1010
<IoCloseOutline
1111
className="absolute top-2 right-2 text-2xl cursor-pointer"

0 commit comments

Comments
 (0)