2 lines
3.7 KiB
CSS
2 lines
3.7 KiB
CSS
.time-input[data-v-f6f25854]{position:relative}.input[data-v-f6f25854]{width:100%;height:var(--btn-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);padding:0 14px;font-size:.9375rem;transition:border-color .15s}.time-input__trigger[data-v-f6f25854]{cursor:pointer;text-align:right;justify-content:space-between;align-items:center;gap:8px;display:flex}.time-input__trigger[data-v-f6f25854]:focus{border-color:var(--color-primary);outline:none}.time-input__trigger.is-open[data-v-f6f25854],.time-input__trigger[data-v-f6f25854]:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft,#3b82f626)}.time-input__trigger[data-v-f6f25854]:disabled{opacity:.6;cursor:not-allowed}.time-input__placeholder[data-v-f6f25854]{color:var(--color-text-muted)}.time-input__trigger>span[data-v-f6f25854]:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.time-input__icon[data-v-f6f25854]{color:var(--color-text-muted);flex-shrink:0;align-items:center;display:flex}.input-error[data-v-f6f25854]{border-color:var(--color-danger)}.input-error-text[data-v-f6f25854]{color:var(--color-danger);margin:4px 0 0;font-size:.8125rem}.time-input__panel[data-v-f6f25854]{z-index:320;border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0f172a24}.time-input__panel--portal[data-v-f6f25854]{position:fixed;top:auto;left:auto;right:auto}.time-input__picker[data-v-f6f25854]{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;display:grid}.time-input__column[data-v-f6f25854]{flex-direction:column;gap:6px;min-width:0;display:flex}.time-input__column-label[data-v-f6f25854]{color:var(--color-text-muted);text-align:center;font-size:.6875rem;font-weight:600}.time-input__scroll[data-v-f6f25854]{overscroll-behavior:contain;border:1px solid var(--color-border);background:var(--color-bg);scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;border-radius:10px;max-height:168px;padding:4px;overflow-y:auto}.time-input__scroll[data-v-f6f25854]::-webkit-scrollbar{width:4px}.time-input__scroll[data-v-f6f25854]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.time-input__option[data-v-f6f25854]{width:100%;min-height:36px;color:var(--color-text);font:inherit;cursor:pointer;scroll-snap-align:center;background:0 0;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;transition:background .12s,color .12s}.time-input__option[data-v-f6f25854]:hover{background:var(--color-primary-soft,#3b82f614)}.time-input__option--active[data-v-f6f25854]{background:var(--color-primary);color:#fff;font-weight:700}.time-input__colon[data-v-f6f25854]{color:var(--color-text-muted);align-self:center;padding-top:18px;font-size:1.25rem;font-weight:700}.time-input__preview[data-v-f6f25854]{background:var(--color-primary-light,#3b82f614);color:var(--color-primary);text-align:center;letter-spacing:.06em;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:1.0625rem;font-weight:700}.time-input__footer[data-v-f6f25854]{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.time-input__now[data-v-f6f25854]{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:.8125rem;font-weight:600}.time-input__confirm[data-v-f6f25854]{background:var(--color-primary);color:#fff;min-height:36px;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:0 18px;font-size:.8125rem;font-weight:700}.time-input__confirm[data-v-f6f25854]:hover{filter:brightness(.96)}
|