🎛️ 收紧日期数字间距
This commit is contained in:
@@ -150,15 +150,16 @@ const updatePart = (part: DatePart, value: string) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.native-date-year {
|
.native-date-year {
|
||||||
width: 4.05rem;
|
width: 3.85rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.native-date-month,
|
.native-date-month,
|
||||||
.native-date-day {
|
.native-date-day {
|
||||||
width: 2.3rem;
|
width: 2.05rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.native-date-separator {
|
.native-date-separator {
|
||||||
|
margin-inline: -0.1rem;
|
||||||
color: #789096;
|
color: #789096;
|
||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
opacity: 0.78;
|
opacity: 0.78;
|
||||||
@@ -187,8 +188,8 @@ const updatePart = (part: DatePart, value: string) => {
|
|||||||
@media (min-width: 640px) {
|
@media (min-width: 640px) {
|
||||||
.native-date-strip {
|
.native-date-strip {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
min-width: 10.75rem;
|
min-width: 9.75rem;
|
||||||
padding-inline: 0.65rem;
|
padding-inline: 0.55rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user