diff --git a/web/src/assets/styles/components/personal-workbench-ai-mode.css b/web/src/assets/styles/components/personal-workbench-ai-mode.css index b5942ab..38a39f7 100644 --- a/web/src/assets/styles/components/personal-workbench-ai-mode.css +++ b/web/src/assets/styles/components/personal-workbench-ai-mode.css @@ -542,6 +542,48 @@ letter-spacing: 0; } +.workbench-ai-file-card__ocr { + max-width: 100%; + display: inline-flex; + align-items: center; + gap: 4px; + color: #2563eb; + font-size: 12px; + font-weight: 800; + line-height: 1.2; +} + +.workbench-ai-file-card__ocr i { + flex: 0 0 auto; + font-size: 14px; + line-height: 1; +} + +.workbench-ai-file-card__ocr span { + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.workbench-ai-file-card__ocr.is-recognizing i { + animation: workbenchAiOcrSpin 840ms linear infinite; +} + +.workbench-ai-file-card__ocr.is-recognized { + color: #047857; +} + +.workbench-ai-file-card__ocr.is-failed { + color: #dc2626; +} + +@keyframes workbenchAiOcrSpin { + to { + transform: rotate(360deg); + } +} + .workbench-ai-file-card__remove { width: 30px; height: 30px; @@ -2035,7 +2077,7 @@ } .application-preview-input { - width: 100%; + width: min(100%, 420px); min-width: 0; min-height: 34px; padding: 0 10px; @@ -2049,7 +2091,34 @@ box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11); } +.application-preview-date-input { + width: min(100%, 188px); + color-scheme: light; +} + +.application-preview-input--time, +.application-preview-input--time_return { + width: min(100%, 188px); +} + +.application-preview-input--location { + width: min(100%, 220px); +} + +.application-preview-input--reason { + width: min(100%, 680px); +} + +.application-preview-input--days { + width: min(100%, 150px); +} + +.application-preview-input--transportMode { + width: min(100%, 240px); +} + .application-preview-select { + width: min(100%, 240px); cursor: pointer; } diff --git a/web/src/components/business/PersonalWorkbenchAiMode.template.html b/web/src/components/business/PersonalWorkbenchAiMode.template.html index 2cc99ea..7a86e7a 100644 --- a/web/src/components/business/PersonalWorkbenchAiMode.template.html +++ b/web/src/components/business/PersonalWorkbenchAiMode.template.html @@ -182,6 +182,17 @@ {{ file.name }} {{ file.typeLabel }} + + + + + {{ file.ocrState.label }} +