diff --git a/plugins/printedparts/frontend/views/PartsKiosk.vue b/plugins/printedparts/frontend/views/PartsKiosk.vue index dcf49b3..af9ebc5 100644 --- a/plugins/printedparts/frontend/views/PartsKiosk.vue +++ b/plugins/printedparts/frontend/views/PartsKiosk.vue @@ -1,10 +1,5 @@ @@ -209,12 +197,6 @@ function reset() { justify-content: space-between; align-items: center; } -.wedge-input { - position: absolute; - opacity: 0; - height: 1px; - width: 1px; -} .kiosk-step { display: flex; flex-direction: column; @@ -258,7 +240,7 @@ function reset() { border-radius: 1rem; padding: 1.5rem 2rem; } -.entry-display { +.entry-input { width: 16.9rem; box-sizing: border-box; font-size: 2.4rem; @@ -269,15 +251,14 @@ function reset() { border: 1px solid var(--border); border-radius: 0.75rem; background: var(--bg); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + color: var(--text); + outline: none; } -.entry-display.empty { +.entry-input:focus { border-color: var(--primary); } +.entry-input::placeholder { color: var(--text-light); font-weight: 400; font-size: 1.4rem; - line-height: 2.4rem; } .take-button { font-size: 1.4rem; @@ -285,11 +266,4 @@ function reset() { width: 16.9rem; border-radius: 0.75rem; } -.manual-row { display: flex; gap: 0.6rem; } -.manual-block { - display: flex; - flex-direction: column; - align-items: center; - gap: 1rem; -}