1 line
7.1 KiB
CSS
1 line
7.1 KiB
CSS
.popup[data-v-ea76c166]{display:block;position:absolute;background:#fff;box-shadow:0 6px 27px rgba(0,0,0,.25);transform:translate(-50%,-50%);width:-moz-max-content;width:max-content;border-radius:4px}.popup__head[data-v-ea76c166]{width:100%;height:auto;padding:30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdbdbd}.popup__title[data-v-ea76c166]{font-size:20px}.popup__close[data-v-ea76c166]{width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.popup__close svg[data-v-ea76c166]{width:100%;height:100%}.popup__body[data-v-ea76c166]{padding:30px;padding-top:17px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.popup__floor[data-v-ea76c166],.popup__section[data-v-ea76c166]{width:100%;height:auto;display:grid;grid-template-columns:1fr 140px}.popup__floor[data-v-ea76c166]{margin-bottom:30px}.popup__section[data-v-ea76c166]{margin-bottom:20px}.popup__btns[data-v-ea76c166]{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;-moz-column-gap:22px;column-gap:22px}.modal{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:20;opacity:0;visibility:hidden}.modal,.modal.open{transition:all .5s ease-in-out}.modal.open{opacity:1;visibility:visible}.modal-dialog{width:95%;height:90%;background-color:#fff}.modal-content{height:100%;overflow:hidden}.modal-content,.modal-header{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.modal-header{height:auto;border-bottom:1px solid #9e9e9e;padding:50px;padding-bottom:38px}.modal-header .head{width:100%;height:auto;display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.modal-header .head .modal__title{font-size:32px;line-height:120%}.modal-header .head .modal__close{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.modal-header .head .modal__close svg{width:100%;height:100%}.modal-header .fields{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:start;-moz-column-gap:100px;column-gap:100px;padding-right:50px}.modal-header .fields .field{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.modal-header .fields .field label{margin-bottom:10px}.modal-header .fields .field small{margin-top:15px;font-size:14px;color:#757575}@media screen and (max-width:1600px){.modal-header{padding:30px;padding-bottom:28px}.modal-header .head{margin-bottom:21px}.modal-header .head .modal__title{font-size:28px}.modal-header .head .modal__close{width:20px;height:20px}.modal-header .fields{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:start;-moz-column-gap:40px;column-gap:40px}.modal-header .fields .field{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.modal-header .fields .field label{margin-bottom:10px}.modal-header .fields .field small{margin-top:15px;font-size:14px;color:#757575}}.modal-body{display:flex;justify-content:center;align-items:center}.modal-body,.modal-body .facade-map,.modal-body .map,.modal-body .ol-map{width:100%;height:100%}.modal-body .ol-map{position:relative;overflow:hidden}.modal-body .ol-map__pane{height:100%}.modal-body .ol-map__zoom{position:relative;max-width:250px;height:100px;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-bottom:20px}.modal-body .ol-map__zoom-slider{padding:0;position:relative;width:124px;height:4px;background:#9e9e9e!important;z-index:2;transform:rotate(180deg)}.modal-body .ol-map__zoom-slider button{position:absolute;top:-9px;left:0;width:20px;height:20px;border-radius:11px!important;background:#519ef3;transition:background .2s ease}.modal-body .ol-map__zoom-label{position:absolute;top:80px;left:50%;transform:translateX(-50%);color:#000;font-size:18px;text-align:center}.modal-body .ol-map__zoom-btns{position:absolute;left:0;right:0;top:50%;transform:rotate(180deg) translateY(50%);width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}.modal-body .ol-map__zoom-btns button{position:relative;width:40px;height:40px;border-radius:100%;background-color:#4caf50;color:#fff;font-size:30px;display:flex;justify-content:center;align-items:center;padding-bottom:2px}@media screen and (max-width:1600px){.modal-body .ol-map__zoom{position:relative;max-width:230px;height:80px;margin-bottom:20px}.modal-body .ol-map__zoom-label{position:absolute;top:70px;font-size:16px}.modal-body .ol-map__zoom-btns button{width:30px;height:30px;font-size:20px}}.facade-zoom-slider{transform:unset!important}#facade-mapping-layer.open{z-index:1000}.editFacades[data-v-318ec64f]{overflow-y:scroll;width:100%}.facadesList[data-v-318ec64f]{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill,438px);grid-gap:30px}.facadesList .facadeItem[data-v-318ec64f]{position:relative;background-color:#ddd;border-radius:6px;border:1px solid #bdbdbd}.facadesList .facadeItem[data-v-318ec64f],.facadesList .facadeItem__content[data-v-318ec64f]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.facadesList .facadeItem__content[data-v-318ec64f]{transition:opacity .5s ease-in-out}.facadesList .facadeItem .iconDrop[data-v-318ec64f]{position:absolute;top:-8px;right:-8px;z-index:3;width:18px;height:18px;cursor:grab}.facadesList .facadeItem .iconDrop svg[data-v-318ec64f]{width:100%;height:100%}.facadesList .facadeItem:hover .facadeItem__imageWrapper .imageHover button[data-v-318ec64f],.facadesList .facadeItem:hover .facadeItem__imageWrapper .imageHover[data-v-318ec64f]:before{opacity:1;visibility:visible;transition:all .5s ease-in-out}.facadesList .facadeItem__title[data-v-318ec64f]{position:absolute;top:28px;left:50%;transform:translateX(-50%);z-index:3}.facadesList .facadeItem__imageWrapper[data-v-318ec64f]{position:relative;width:100%;height:100%;flex-grow:1}.facadesList .facadeItem__imageWrapper img[data-v-318ec64f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facadesList .facadeItem__imageWrapper .imageHover[data-v-318ec64f]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;background-image:linear-gradient(180deg,hsla(0,0%,100%,.7) 15%,hsla(0,0%,100%,0) 57.08%);display:flex;justify-content:center;align-items:center}.facadesList .facadeItem__imageWrapper .imageHover[data-v-318ec64f]:before{position:absolute;left:0;top:0;bottom:0;right:0;content:"";background:linear-gradient(180deg,hsla(0,0%,100%,.7) 100%,hsla(0,0%,100%,0) 0);opacity:0;visibility:hidden;transition:all .5s ease-in-out}.facadesList .facadeItem__imageWrapper .imageHover button[data-v-318ec64f]{opacity:0;visibility:hidden;transition:all .5s ease-in-out}.facadesList .facadeItem__footer[data-v-318ec64f]{width:100%;height:auto;padding:20px;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.facadesList .facadeItem__footer .is_published[data-v-318ec64f]{display:flex;justify-content:flex-start;align-items:center;-moz-column-gap:10px;column-gap:10px} |