page {
|
--ei-triangle-border: 20rpx;
|
}
|
|
.patrol-record-wrap {
|
justify-content: space-between;
|
background-color: var(--td-bg-color-fade);
|
box-shadow: var(--td-shadow-4);
|
border-radius: var(--td-border-radius);
|
padding: var(--td-spacer) var(--td-spacer-1);
|
margin-top: var(--td-spacer);
|
display: flex;
|
}
|
|
.patrol-unfinished {
|
position: relative;
|
}
|
|
.patrol-unfinished::after {
|
content: '';
|
position: absolute;
|
bottom: 0;
|
right: 0;
|
border-bottom-right-radius: var(--td-border-radius);
|
border-bottom: var(--ei-triangle-border) solid var(--td-error-color-6);
|
border-right: var(--ei-triangle-border) solid var(--td-error-color-6);
|
border-top: var(--ei-triangle-border) solid transparent;
|
border-left: var(--ei-triangle-border) solid transparent;
|
}
|
|
.patrol-finished {
|
position: relative;
|
opacity: 0.7;
|
}
|
|
.patrol-finished::after {
|
content: '';
|
position: absolute;
|
bottom: 0;
|
right: 0;
|
border-bottom-right-radius: var(--td-border-radius);
|
border-bottom: var(--ei-triangle-border) solid var(--td-success-color-6);
|
border-right: var(--ei-triangle-border) solid var(--td-success-color-6);
|
border-top: var(--ei-triangle-border) solid transparent;
|
border-left: var(--ei-triangle-border) solid transparent;
|
}
|
|
.patrol-record-text-wrap {
|
width: 50%;
|
display: flex;
|
gap: 4px;
|
}
|
|
.patrol-record-img-wrap {
|
display: flex;
|
gap: var(--td-spacer);
|
}
|
|
.patrol-record-text {
|
font-size: var(--td-font-size-m);
|
color: var(--td-text-color-primary);
|
}
|
|
.patrol-record-tag {
|
font-size: var(--td-font-size-s);
|
color: var(--td-text-color-secondary);
|
}
|
|
.t-class-image {
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
font-size: var(--td-font-size-s);
|
}
|
