57 lines
1.2 KiB
Plaintext
57 lines
1.2 KiB
Plaintext
:host {
|
|
width: 100%;
|
|
}
|
|
.btn-bar {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
line-height: 1;
|
|
}
|
|
.btn-bar .order-btn {
|
|
line-height: 1;
|
|
}
|
|
|
|
.btn-bar .right {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.btn-bar .t-button {
|
|
width: 160rpx;
|
|
font-weight: 500;
|
|
margin-left: 24rpx;
|
|
}
|
|
.btn-bar .t-button--max {
|
|
width: 176rpx;
|
|
margin-left: 24rpx;
|
|
|
|
--td-button-extra-small-height: 72rpx;
|
|
}
|
|
|
|
.btn-bar .left .delete-btn {
|
|
font-size: 22rpx;
|
|
}
|
|
.btn-bar .left .delete-btn::after {
|
|
display: none;
|
|
}
|
|
|
|
.btn-bar .right .normal {
|
|
--td-button-default-color: var(--text-secondary);
|
|
--td-button-default-bg-color: var(--bg-card);
|
|
--td-button-default-border-color: var(--border-level-2);
|
|
--td-button-default-active-bg-color: var(--bg-grey);
|
|
--td-button-default-active-border-color: var(--border-level-2);
|
|
}
|
|
|
|
.btn-bar .right .primary {
|
|
--td-button-default-color: #fff;
|
|
--td-button-default-bg-color: var(--brand);
|
|
--td-button-default-border-color: var(--brand);
|
|
--td-button-default-active-bg-color: var(--brand-active);
|
|
--td-button-default-active-border-color: var(--brand-active);
|
|
}
|
|
|
|
.t-button {
|
|
--td-button-default-color: var(--text-primary);
|
|
--td-button-primary-text-color: var(--brand);
|
|
}
|