1 line
4.7 KiB
CSS
1 line
4.7 KiB
CSS
|
.viewLayout{width:100%;height:100vh;overflow:auto;margin-bottom:30px;display:grid;grid-template-columns:110px 1fr;grid-template-rows:139px 1fr;background-color:#f3f3f3}.viewLayout .header{width:100%;height:100%;background-color:#fff;grid-column:2;grid-row:1}.viewLayout .header__top{width:100%;height:74px;display:flex;justify-content:flex-start;align-items:center;padding-left:35px}.viewLayout .header__title{font-size:32px}.viewLayout .header__bottom{width:100%;height:64px;border-top:1px solid #f3f3f3;display:flex;justify-content:space-between;align-items:center;padding:0 35px}.viewLayout .navbar{width:100%;height:100%;padding:18px 0;background-color:#212121;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;grid-row:span 2;grid-column:1}.viewLayout .navbar__logo{width:74px;height:74px;background-color:#fbe6d3;margin-bottom:20px}.viewLayout main{position:relative;height:100%;padding:0!important;display:flex;justify-content:flex-start;align-items:flex-start}.apartment-show[data-v-078d17bb]{width:100%;height:100%}.apartment-show.openFull[data-v-078d17bb]{width:100%}.apartment-show__content[data-v-078d17bb]{width:100%;height:100%;padding:0 50px 50px 50px}.apartment-show__head[data-v-078d17bb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.apartment-show__title[data-v-078d17bb]{font-weight:700}.apartment-show__info[data-v-078d17bb]{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;-moz-column-gap:30px;column-gap:30px;margin-bottom:30px}.apartment-show__status[data-v-078d17bb]{--tw-bg-opacity:1;background-color:rgb(76 175 80/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));border-start-start-radius:.375rem;border-end-start-radius:.375rem;font-weight:700;padding:8px 10px;margin-left:auto;margin-right:-50px}.apartment-show__image[data-v-078d17bb]{width:100%;min-width:500px;position:relative;margin-bottom:30px}.apartment-show__image .image[data-v-078d17bb]{display:flex;justify-content:center;align-items:center}.apartment-show__image .image img[data-v-078d17bb]{max-height:500px;-o-object-fit:contain;object-fit:contain}.apartment-show__image .image__loop[data-v-078d17bb]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.5);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .5s ease-in-out}.apartment-show__image .image__loop svg[data-v-078d17bb]{width:140px;height:140px}.apartment-show__image:hover .image__loop[data-v-078d17bb]{opacity:1;visibility:visible;transition:all .5s ease-in-out;cursor:pointer}.apartment-show__btns[data-v-078d17bb]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;gap:10px}.apartment-show__price[data-v-078d17bb]{font-size:28px;font-weight:700;margin-bottom:8px}.apartment-show__priceSqure[data-v-078d17bb]{font-size:18px;--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity));margin-bottom:30px}.apartment-show__settings[data-v-078d17bb]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.apartment-show__settings .settings__title[data-v-078d17bb]{font-size:18px;line-height:100%;font-weight:700;margin-bottom:10px}.apartment-show__settings .settings__table[data-v-078d17bb]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.apartment-show__settings .settings__table .row[data-v-078d17bb]{width:100%;height:auto;display:grid;grid-template-columns:250px 1fr;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(222 222 222/var(--tw-border-opacity))}.apartment-show__settings .settings__table .row .cell[data-v-078d17bb]{display:flex;justify-content:flex-start;align-items:flex-start;padding:11px 30px;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-size:14px;font-weight:300}.apartment-show__settings .settings__table .row .cell[data-v-078d17bb]:first-child{padding:11px 0;border-right-width:1px;
|