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

file

Browse Source
This commit is contained in:
Николай Полтщук
2023-07-13 15:49:07 +03:00
parent c6f9d4722a
commit 524e773cc4
5 changed files with 256 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/components/Modal/Tracker/ModalTicket/modalTicket.scss
View File

@ -315,13 +315,97 @@
}
}
.task__files {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
.taskFile {
position: relative;
.imgFile {
max-width: 180px;
object-fit: contain;
}
&:hover {
.deleteFile {
background: rgb(226, 226, 226, 0.6);
}
}
.deleteFile {
position: absolute;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
width: 20px;
height: 20px;
top: 0;
right: 0;
transition: all 0.3s ease;
background: rgb(226, 226, 226, 0.1);
img {
width: 12px;
height: 12px;
}
}
}
}
.fileLoaded {
display: flex;
align-items: center;
margin: 10px 0 0;
img {
max-width: 250px;
object-fit: contain;
.loadedFile {
position: relative;
img {
max-width: 100px;
object-fit: contain;
}
.deleteFile {
position: absolute;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
width: 20px;
height: 20px;
top: 0;
right: 0;
transition: all 0.3s ease;
background: rgb(226, 226, 226, 0.1);
img {
width: 12px;
height: 12px;
}
}
&:hover {
.deleteFile {
background: rgb(226, 226, 226, 0.6);
}
}
}
button {
display: flex;
justify-content: center;
color: blue;
margin-left: 10px;
border: 0.5px solid #1458dd;
border-radius: 44px;
font-weight: 400;
font-size: 12px;
line-height: 32px;
max-width: 120px;
background: none;
width: 100%;
}
}