203 lines
32 KiB
CSS
203 lines
32 KiB
CSS
|
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/forms/houseUTP.vue?vue&type=style&index=0&id=737a3a4a&lang=scss&scoped=true ***!
|
||
|
|
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||
|
|
.utp .preview[data-v-737a3a4a] {
|
||
|
|
display: flex;
|
||
|
|
align-items: start;
|
||
|
|
gap: 20px;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.utp .preview .delete-btn[data-v-737a3a4a] {
|
||
|
|
padding: 0px !important;
|
||
|
|
}
|
||
|
|
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/forms/houseDecoration.vue?vue&type=style&index=0&id=111d2cb2&lang=scss&scoped=true ***!
|
||
|
|
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||
|
|
.utp .preview[data-v-111d2cb2] {
|
||
|
|
display: flex;
|
||
|
|
align-items: start;
|
||
|
|
gap: 20px;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.utp .preview .delete-btn[data-v-111d2cb2] {
|
||
|
|
padding: 0px !important;
|
||
|
|
}
|
||
|
|
/*!*************************************************************************************************************************************************************************************************!*\
|
||
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./node_modules/@vuepic/vue-datepicker/dist/main.css ***!
|
||
|
|
\*************************************************************************************************************************************************************************************************/
|
||
|
|
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:fle
|
||
|
|
|
||
|
|
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/forms/formAddHome.vue?vue&type=style&index=0&id=52de26f3&lang=scss ***!
|
||
|
|
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||
|
|
.addHome {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.addHome .p-multiselect .p-multiselect-label {
|
||
|
|
color: #495057;
|
||
|
|
padding: 0rem 0.75rem;
|
||
|
|
}
|
||
|
|
.addHome .p-multiselect.py-2 {
|
||
|
|
padding-top: 0.3rem;
|
||
|
|
}
|
||
|
|
.addHome .p-multiselect-trigger svg {
|
||
|
|
margin-top: 0.2rem;
|
||
|
|
}
|
||
|
|
.addHome .p-checkbox .p-checkbox-box.p-highlight {
|
||
|
|
border-color: #4caf50;
|
||
|
|
background: #4caf50;
|
||
|
|
}
|
||
|
|
.addHome .p-checkbox .p-checkbox-box.p-highlight:hover {
|
||
|
|
border-color: #3b913e !important;
|
||
|
|
background: #3b913e !important;
|
||
|
|
}
|
||
|
|
.addHome .p-confirm-popup:before {
|
||
|
|
border-bottom-color: #4caf50;
|
||
|
|
}
|
||
|
|
.addHome .p-confirm-popup:after {
|
||
|
|
border-bottom-color: #4caf50;
|
||
|
|
}
|
||
|
|
.addHome .p-confirm-popup.p-confirm-popup-flipped:before {
|
||
|
|
border-top-color: #4caf50;
|
||
|
|
}
|
||
|
|
.addHome .p-confirm-popup.p-confirm-popup-flipped:after {
|
||
|
|
border-top-color: #4caf50;
|
||
|
|
}
|
||
|
|
.addHome .p-tooltip .p-tooltip-text {
|
||
|
|
background: #ffffff;
|
||
|
|
color: #495057;
|
||
|
|
border: solid 1px rgb(76, 175, 80, var(--tw-bg-opacity));
|
||
|
|
}
|
||
|
|
.addHome__form {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: flex-start;
|
||
|
|
margin-top: 30px;
|
||
|
|
row-gap: 20px;
|
||
|
|
}
|
||
|
|
.addHome__form .small_text {
|
||
|
|
margin-top: -16px;
|
||
|
|
}
|
||
|
|
.addHome__form .small_text.p-invalid {
|
||
|
|
color: #e24c4c;
|
||
|
|
}
|
||
|
|
.addHome__form .text-sm {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.addHome__form .item__content.flex-col .p-inputtext {
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.addHome__form .item__content.flex-col .flex-grap-group {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
row-gap: 20px;
|
||
|
|
}
|
||
|
|
.addHome__form .form__item {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 436px;
|
||
|
|
grid-gap: 30px;
|
||
|
|
}
|
||
|
|
.addHome__form .form__item label {
|
||
|
|
margin-top: 8px;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
--tw-text-opacity: 1;
|
||
|
|
color: rgb(117 117 117 / var(--tw-text-opacity));
|
||
|
|
}
|
||
|
|
.addHome__form .form__item label span {
|
||
|
|
--tw-text-opacity: 1;
|
||
|
|
color: rgb(236 46 46 / var(--tw-text-opacity));
|
||
|
|
}
|
||
|
|
.addHome__form .form__item .item__content {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: flex-start;
|
||
|
|
-moz-column-gap: 16px;
|
||
|
|
column-gap: 16px;
|
||
|
|
row-gap: 16px;
|
||
|
|
}
|
||
|
|
.addHome__form .form__item .item__text {
|
||
|
|
--tw-text-opacity: 1;
|
||
|
|
color: rgb(117 117 117 / var(--tw-text-opacity));
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.addHome__form .form__item .item__btns {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: center;
|
||
|
|
-moz-column-gap: 8px;
|
||
|
|
column-gap: 8px;
|
||
|
|
}
|
||
|
|
.addHome .house-photo-container {
|
||
|
|
position: relative;
|
||
|
|
width: -moz-max-content;
|
||
|
|
width: max-content;
|
||
|
|
height: 140px;
|
||
|
|
}
|
||
|
|
.addHome .house-photo-container .house-photo {
|
||
|
|
height: 140px;
|
||
|
|
max-width: 250px;
|
||
|
|
-o-object-fit: contain;
|
||
|
|
object-fit: contain;
|
||
|
|
}
|
||
|
|
.addHome .house-photo-container:hover .house-photo-overlay {
|
||
|
|
opacity: 0.5;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.addHome .house-photo-container .house-photo-overlay {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
background: #cdc9c9;
|
||
|
|
opacity: 0;
|
||
|
|
z-index: -1;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: 0.25s;
|
||
|
|
}
|
||
|
|
.addHome .house-photo-container .house-photo-overlay img {
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
.dp__calendar_header_item {
|
||
|
|
color: #ef6c00;
|
||
|
|
}
|
||
|
|
.dp__cell_inner.dp__pointer.dp--future.dp__active_date,
|
||
|
|
.dp__cell_inner.dp__cell_disabled.dp--past.dp__active_date {
|
||
|
|
color: #fff;
|
||
|
|
border: none;
|
||
|
|
background: rgb(67, 160, 71);
|
||
|
|
}
|
||
|
|
.dp__cell_inner.dp__cell_disabled.dp__today {
|
||
|
|
color: rgb(67, 160, 71);
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.p-multiselect-token-label {
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
display: block;
|
||
|
|
max-width: 100px;
|
||
|
|
}
|
||
|
|
.p-multiselect-item.p-highlight span {
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
display: block;
|
||
|
|
max-width: 436px;
|
||
|
|
}
|