Add one-way task completion and exportable pet identity cards
This commit is contained in:
+42
-1
@@ -3,7 +3,8 @@ page {
|
||||
overflow: hidden;
|
||||
background: #fff9f3;
|
||||
color: #604a40;
|
||||
font-family: ui-rounded, "Hiragino Maru Gothic ProN", "PingFang SC", sans-serif;
|
||||
font-family:
|
||||
ui-rounded, "Hiragino Maru Gothic ProN", "PingFang SC", sans-serif;
|
||||
font-size: 28rpx;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@@ -112,3 +113,43 @@ button::after {
|
||||
.field textarea {
|
||||
height: 170rpx;
|
||||
}
|
||||
|
||||
.completion-toolbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 18rpx;
|
||||
margin: 8rpx 0 20rpx;
|
||||
font-size: 23rpx;
|
||||
color: #886c5f;
|
||||
}
|
||||
.finish-all {
|
||||
margin: 0;
|
||||
padding: 12rpx 22rpx;
|
||||
background: #fff0e2;
|
||||
color: #b95738;
|
||||
font-size: 24rpx;
|
||||
line-height: 1.4;
|
||||
border-radius: 99rpx;
|
||||
}
|
||||
.all-done {
|
||||
color: #b95738;
|
||||
}
|
||||
.task-completed .check {
|
||||
animation: completion-pop 0.35s ease-out;
|
||||
}
|
||||
.task-completed .task-name,
|
||||
.task-completed .info strong {
|
||||
color: #9d8779;
|
||||
}
|
||||
@keyframes completion-pop {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
}
|
||||
60% {
|
||||
transform: scale(1.18);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user