From 5709d4b1ed4bf413faf34118de5cd25e2d483ced Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Thu, 21 Jul 2022 18:05:02 +0200 Subject: [PATCH] Setup Assistant: Style invalid input type text Also remove unused 'path-input' class. --- web/app/src/assets/base.css | 7 +++++++ web/app/src/views/FirstTimeWizardView.vue | 6 +++--- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index da7a6a63..6cbb61b9 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -46,6 +46,9 @@ --transition-speed: 240ms; --transition-speed-fast: 60ms; + --color-danger: hsl(352 100% 56%); + --color-success: hsl(102 70% 56%); + --color-status-active: hsl(166 100% 46%); --color-status-completed: hsl(166 100% 46%); @@ -331,6 +334,10 @@ input[type="text"]:focus { border-color: var(--color-accent); } +input[type="text"].is-invalid { + border-color: var(--color-danger); +} + select { background-color: var(--color-button-background); border-radius: var(--border-radius); diff --git a/web/app/src/views/FirstTimeWizardView.vue b/web/app/src/views/FirstTimeWizardView.vue index 4a0fe155..b4317d93 100644 --- a/web/app/src/views/FirstTimeWizardView.vue +++ b/web/app/src/views/FirstTimeWizardView.vue @@ -65,7 +65,9 @@ @keyup.enter="nextStepAfterCheckSharedStoragePath" type="text" placeholder="Shared Storage Path" - class="path-input" + :class="{ + 'is-invalid': (sharedStorageCheckResult != null) && !sharedStorageCheckResult.is_usable + }" >

Checking...

@@ -147,7 +148,6 @@ v-model="customBlenderExe" type="text" placeholder="Blender Path" - class="path-input" >

Checking...