Added modal in project tiket

This commit is contained in:
MaxOvs19
2023-05-03 22:06:19 +03:00
parent 553ac3e75d
commit bb027d003f
5 changed files with 67 additions and 28 deletions

View File

@@ -0,0 +1,13 @@
import React from "react";
import "./modalSelect.scss";
export const ModalSelect = ({ active, children }) => {
return (
<div className={active ? "project__settings active" : "project__settings "}>
{children}
</div>
);
};
export default ModalSelect;

View File

@@ -0,0 +1,30 @@
.project {
&__settings {
position: absolute;
padding: 32px 23px 10px 11px;
background: #e1fccf;
border-radius: 12px;
transform: scale(0);
bottom: -148px;
right: -120px;
&-menu {
font-size: 14px;
line-height: 38px;
div {
display: flex;
align-items: center;
img {
margin-right: 12px;
}
}
}
}
&__settings.active {
transform: scale(1);
z-index: 99;
}
}