page {
|
/* --header-bottom-padding: 600rpx; */
|
}
|
|
.page .page-header {
|
/* background: linear-gradient(var(--td-primary-color-7), var(--td-bg-color)); */
|
/* padding-bottom: var(--header-bottom-padding); */
|
}
|
|
.page .page-container {
|
/* margin-top: calc(0rpx - var(--header-bottom-padding)); */
|
padding: 0;
|
}
|
|
.custom-navbar {
|
--td-navbar-color: #fff;
|
--td-navbar-bg-color: var(--td-primary-color);
|
--td-navbar-title-font-size: var(--td-font-size-base);
|
}
|
|
.custom-title {
|
font-size: var(--td-font-size-base);
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
overflow: hidden;
|
}
|
|
.ins-map {
|
width: 100%;
|
height: 90vh;
|
}
|
|
.ins-buttons {
|
position: absolute;
|
right: 10px;
|
top: 10px;
|
}
|
|
.ins-buttons .ins-buttons__status {
|
--td-button-primary-bg-color: rgb(0, 177, 0);
|
--td-button-primary-border-color: rgb(0, 177, 0);
|
--td-button-primary-disabled-bg: rgb(125, 201, 125);
|
--td-button-primary-disabled-border-color: rgba(0, 177, 0, 0.2);
|
--td-button-primary-active-bg-color: rgba(0, 128, 0, 0.534);
|
--td-button-primary-active-border-color: rgba(0, 128, 0, 0.534);
|
--td-button-default-disabled-border-color: rgba(0, 0, 0, 0.2);
|
|
flex-direction: column;
|
}
|
|
.ins-buttons .ins-buttons__status .t-button__content {
|
/* position: absolute; */
|
font-size: var(--td-font-size-xs);
|
/* bottom: 0; */
|
line-height: initial;
|
margin: initial !important;
|
}
|
|
.ins-buttons .t-loading {
|
--td-loading-color: white;
|
}
|
|
.ins-menu {
|
position: absolute;
|
bottom: calc(env(safe-area-inset-bottom) + 96rpx);
|
left: 0;
|
right: 0;
|
padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
|
}
|
|
.custom-grid {
|
box-shadow: var(--td-shadow-2);
|
margin-bottom: 16px !important;
|
}
|
.custom-grid .diabled-grid-item {
|
position: relative;
|
opacity: 0.5;
|
}
|
|
.custom-tabs .t-tabs__wrapper {
|
display: none;
|
}
|
|
.t-tabs {
|
background: transparent !important;
|
margin-bottom: -16px;
|
}
|
|
.t-tab-panel {
|
position: relative;
|
}
|
|
.icon-right {
|
position: absolute;
|
right: 32rpx;
|
bottom: calc(50%);
|
}
|
|
.icon-left {
|
position: absolute;
|
left: 32rpx;
|
bottom: calc(50%);
|
}
|
