From 979b16d520c77ea63cb2f3a5b22990d70e31c2cc Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 17 Sep 2025 21:07:22 +0800
Subject: [PATCH] display time numbers with fixed width style in the mobile
 version time picker

---
 src/components/mobile/DateTimeSelectionSheet.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/mobile/DateTimeSelectionSheet.vue b/src/components/mobile/DateTimeSelectionSheet.vue
index e76f0af2..cacd2ed6 100644
--- a/src/components/mobile/DateTimeSelectionSheet.vue
+++ b/src/components/mobile/DateTimeSelectionSheet.vue
@@ -469,4 +469,10 @@ watch(mode, (newValue) => {
 .date-time-selection-sheet .time-picker-container .picker-columns {
     justify-content: space-evenly;
 }
+
+.picker-hour,
+.picker-minute,
+.picker-second {
+    font-variant-numeric: tabular-nums;
+}
 </style>