apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix quiz and tracker modal styles

Browse Source
This commit is contained in:
Victor Batischev
2024-02-08 15:42:08 +03:00
parent 81d2ee4098
commit 5b44a97329
9 changed files with 31 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Modal/ModalSelect/ModalSelect.jsx
View File

@ -5,7 +5,6 @@ import "./modalSelect.scss";
export const ModalSelect = ({ active, children }) => {
return (
<div className={active ? "project__settings active" : "project__settings "}>
<span className="project__settings-ellipsis">...</span>
{children}
</div>
);

17
src/components/Modal/ModalSelect/modalSelect.scss
View File

@ -1,29 +1,30 @@
.project {
&__settings {
position: absolute;
padding: 32px 23px 10px 11px;
padding: 0 10px;
background: #e1fccf;
border-radius: 12px;
transform: scale(0);
bottom: -40px;
right: -120px;
bottom: -30px;
right: -130px;
@media (max-width: 1050px) {
right: 10px;
padding-top: 10px;
bottom: -75px;
right: 5px;
bottom: -30px;
}
&-menu {
font-size: 14px;
line-height: 38px;
padding: 5px 0;
div {
display: flex;
align-items: center;
padding: 2px 0;
img {
margin-right: 12px;
width: 12px;
margin-right: 5px;
}
p:hover {