gzbender
7 years ago
parent
e10b76ee20
commit
bda2fbec21
19 changed files with 285 additions and 344 deletions
@ -1,3 +1,5 @@ |
||||
import '../../sass/components/contest-edit.scss'; |
||||
|
||||
import ContestRedactor from '../../components/ContestRedactor.vue'; |
||||
|
||||
window.LIL_STORE.components['contest-redactor'] = ContestRedactor; |
||||
|
||||
@ -0,0 +1,35 @@ |
||||
.upload-contest-work { |
||||
|
||||
.popup__wrap { |
||||
padding: 35px 35px 0; |
||||
} |
||||
|
||||
.title { |
||||
text-align: center; font-size: 24px; |
||||
|
||||
.text__curve { |
||||
right: 55px; |
||||
width: 170px; |
||||
bottom: -40px; |
||||
} |
||||
} |
||||
|
||||
.kit__photo { |
||||
height: 400px; |
||||
} |
||||
|
||||
.kit__photo.has-image { |
||||
border: none; |
||||
} |
||||
|
||||
.kit__photo-image { |
||||
max-height: 400px; |
||||
height: auto; |
||||
width: auto; |
||||
} |
||||
|
||||
.kit__file { |
||||
bottom: 0; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,55 @@ |
||||
.contest-works { |
||||
width: 100%; |
||||
} |
||||
.contest-works__works { |
||||
text-align: left; |
||||
display: flex; |
||||
} |
||||
.contest-works__column { |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-right: 20px; |
||||
width: 300px; |
||||
} |
||||
.contest-works__loader { |
||||
width: 100%; |
||||
height: 30px; |
||||
position: relative; |
||||
} |
||||
.contest-works__no-works { |
||||
text-align: center; |
||||
width: 100%; |
||||
} |
||||
|
||||
.contest-work-item { |
||||
break-inside: avoid; |
||||
border-radius: 8px; |
||||
overflow: hidden; |
||||
margin-bottom: 20px; |
||||
transition: opacity .4s ease-in-out; |
||||
text-transform: uppercase; |
||||
font-weight: bold; |
||||
color: black; |
||||
border: 1px solid #ececec; |
||||
display: block; |
||||
} |
||||
.contest-work-item__img { |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
.contest-work-item__info { |
||||
display: flex; |
||||
padding: 5px 10px; |
||||
} |
||||
.contest-work-item__age { |
||||
color: #919191; |
||||
} |
||||
.contest-work-item__bio { |
||||
flex: calc(100% - 70px); |
||||
} |
||||
|
||||
@media only screen and (min-width: 1023px) { |
||||
.contest-works:hover .contest-work-item:not(:hover) { |
||||
opacity: 0.4; |
||||
} |
||||
} |
||||
@ -0,0 +1,166 @@ |
||||
.vdp-datepicker__calendar { |
||||
width: 240px; |
||||
margin-top: 10px; |
||||
padding: 5px; |
||||
background: white; |
||||
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); |
||||
z-index: 99 !important; |
||||
|
||||
header { |
||||
display: flex; |
||||
margin-bottom: 5px; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.prev, .next { |
||||
font-size: 0; |
||||
cursor: pointer; |
||||
order: 1; |
||||
width: auto !important; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.prev { |
||||
order: 1; |
||||
} |
||||
|
||||
.next { |
||||
order: 3; |
||||
} |
||||
|
||||
.prev:before, .next:before { |
||||
content: ''; |
||||
display: block; |
||||
width: 10px; |
||||
height: 10px; |
||||
border: solid #E6E6E6; |
||||
border-width: 2px 2px 0 0; |
||||
} |
||||
|
||||
.prev:after, .next:after { |
||||
content: none !important; |
||||
} |
||||
|
||||
.prev:before { |
||||
transform: rotate(-135deg); |
||||
} |
||||
|
||||
.next:before { |
||||
transform: rotate(45deg); |
||||
} |
||||
} |
||||
|
||||
.kit__preview { |
||||
img { |
||||
width: 140px; |
||||
height: 140px; |
||||
} |
||||
} |
||||
|
||||
.kit__photo { |
||||
width: 140px; |
||||
height: 140px; |
||||
} |
||||
|
||||
.kit__section-remove { |
||||
button.sortable__handle { |
||||
margin-right: 10px; |
||||
cursor: -webkit-grab; |
||||
cursor: grab; |
||||
|
||||
svg.icon-hamburger { |
||||
width: 1em; |
||||
height: 1em; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.sortable-ghost, .sortable-chosen { |
||||
background: white; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
.course-redactor__preview-button-bg-save { |
||||
background-color: #58fffb; |
||||
} |
||||
.course-redactor__preview-button { |
||||
transition: backgroundColor 0.5s ease-in-out; |
||||
} |
||||
|
||||
.field_text { |
||||
height: 270px; |
||||
overflow: scroll; |
||||
} |
||||
|
||||
.courses__item { |
||||
flex: 0 0 300px; |
||||
} |
||||
|
||||
.courses__item .field { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.courses__content .redactor-box { |
||||
overflow-x: visible; |
||||
overflow-y: auto; |
||||
max-height: 200px; |
||||
background: none; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.courses__content .redactor-layer{ |
||||
background: none; |
||||
} |
||||
|
||||
.courses__theme { |
||||
flex: 1; |
||||
} |
||||
|
||||
.courses__price { |
||||
margin-left: 20px; |
||||
} |
||||
|
||||
.courses__preview { |
||||
.upload { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.upload__title { |
||||
color: #888888; |
||||
font-size: 16px; |
||||
margin-top: 100px; |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.upload__file { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
.course-delete-cover { |
||||
left: 5px; |
||||
position: absolute; |
||||
bottom: 3px; |
||||
} |
||||
|
||||
.field-category .select__head { |
||||
font-size: inherit; |
||||
line-height: inherit; |
||||
height: auto; |
||||
} |
||||
|
||||
.datetime-fields { |
||||
display: flex; |
||||
} |
||||
|
||||
.field-time { |
||||
margin-left: 10px; |
||||
flex: 50%; |
||||
} |
||||
Loading…
Reference in new issue