优化倒计时排版布局

2026-04-26 19:30:14 +08:00
parent a838ed0564
commit 923525b6d1
2 changed files with 195 additions and 32 deletions
@@ -429,6 +429,30 @@ label {
    background: rgba(248, 251, 255, 0.86);
 }

+.template-item.dragging {
+    opacity: 0.55;
+}
+
+.template-item.drag-over {
+    border-color: rgba(15, 98, 254, 0.5);
+    box-shadow: inset 0 0 0 1px rgba(15, 98, 254, 0.18);
+}
+
+.countdown-grid-drag-handle {
+    width: 34px;
+    height: 34px;
+    border: 1px dashed rgba(121, 140, 176, 0.4);
+    border-radius: 6px;
+    background: rgba(255, 255, 255, 0.92);
+    color: var(--muted-text);
+    cursor: grab;
+    flex: 0 0 auto;
+}
+
+.countdown-grid-drag-handle:active {
+    cursor: grabbing;
+}
+
 .template-item input[type="text"] {
    min-width: 120px;
    flex: 1 1 160px;
@@ -438,6 +462,10 @@ label {
    min-width: 150px;
 }

+.template-item input[type="number"] {
+    width: 72px;
+}
+
 .template-item label {
    display: inline-flex;
    align-items: center;