From 50687340fe6135e8fec74d49308a72277b53bd9c Mon Sep 17 00:00:00 2001
From: julianbollig <julian.bollig@tngtech.com>
Date: Thu, 30 Jan 2025 11:19:46 +0100
Subject: [PATCH 1/4] add "load workflow defaults" to translatable parameters

Signed-off-by: julianbollig <julian.bollig@tngtech.com>
---
 WebUI/src/components/SettingsImageGeneration.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/WebUI/src/components/SettingsImageGeneration.vue b/WebUI/src/components/SettingsImageGeneration.vue
index c3ad8a1e..018ddbab 100644
--- a/WebUI/src/components/SettingsImageGeneration.vue
+++ b/WebUI/src/components/SettingsImageGeneration.vue
@@ -208,7 +208,7 @@
     <div class="border-t border-color-spilter items-center flex-wrap grid grid-cols-1 gap-2">
       <button class="mt-4" @click="imageGeneration.resetActiveWorkflowSettings">
         <div class="svg-icon i-refresh">Reset</div>
-        Load workflow defaults
+        {{ languages.COM_LOAD_WORKFLOW_DEFAULTS }}
       </button>
     </div>
   </div>

From 7a357f0843221b72f4badc00799b5361a34d12ee Mon Sep 17 00:00:00 2001
From: julianbollig <julian.bollig@tngtech.com>
Date: Thu, 30 Jan 2025 13:16:55 +0100
Subject: [PATCH 2/4] added workflows_intel to prettier.ignore

Signed-off-by: julianbollig <julian.bollig@tngtech.com>
---
 WebUI/.prettierignore | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/WebUI/.prettierignore b/WebUI/.prettierignore
index 8849c9e0..a8cc3549 100644
--- a/WebUI/.prettierignore
+++ b/WebUI/.prettierignore
@@ -1 +1,2 @@
-src/auto-import.d.ts
\ No newline at end of file
+src/auto-import.d.ts
+workflows_intel/
\ No newline at end of file

From 819a400a741238efdc6f7e7c51dd5ac0f5545005 Mon Sep 17 00:00:00 2001
From: julianbollig <julian.bollig@tngtech.com>
Date: Thu, 30 Jan 2025 13:56:52 +0100
Subject: [PATCH 3/4] added warning-triangle-icon for high-vram-warning

Signed-off-by: julianbollig <julian.bollig@tngtech.com>
---
 WebUI/src/assets/css/svg.css                           | 4 ++++
 WebUI/src/assets/svg/warning-triangle.svg              | 1 +
 WebUI/src/components/SettingsImageWorkflowSelector.vue | 3 ++-
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 WebUI/src/assets/svg/warning-triangle.svg

diff --git a/WebUI/src/assets/css/svg.css b/WebUI/src/assets/css/svg.css
index 43263172..b7e832a9 100644
--- a/WebUI/src/assets/css/svg.css
+++ b/WebUI/src/assets/css/svg.css
@@ -170,3 +170,7 @@
 .i-fullscreen-exit {
   --svg: url('@/assets/svg/fullscreen-exit.svg');
 }
+
+.i-warning-triangle {
+  --svg: url('@/assets/svg/warning-triangle.svg');
+}
diff --git a/WebUI/src/assets/svg/warning-triangle.svg b/WebUI/src/assets/svg/warning-triangle.svg
new file mode 100644
index 00000000..219c4e5c
--- /dev/null
+++ b/WebUI/src/assets/svg/warning-triangle.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="30px" height="30px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M20.0429 21H3.95705C2.41902 21 1.45658 19.3364 2.22324 18.0031L10.2662 4.01533C11.0352 2.67792 12.9648 2.67791 13.7338 4.01532L21.7768 18.0031C22.5434 19.3364 21.581 21 20.0429 21Z" stroke="#000000" stroke-width="2" stroke-linecap="round"></path><path d="M12 9V13" stroke="#000000" stroke-width="2" stroke-linecap="round"></path><path d="M12 17.01L12.01 16.9989" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
\ No newline at end of file
diff --git a/WebUI/src/components/SettingsImageWorkflowSelector.vue b/WebUI/src/components/SettingsImageWorkflowSelector.vue
index defc56a8..5a14fac9 100644
--- a/WebUI/src/components/SettingsImageWorkflowSelector.vue
+++ b/WebUI/src/components/SettingsImageWorkflowSelector.vue
@@ -140,7 +140,8 @@
           v-show="imageGeneration.activeWorkflow.requirements?.includes('high-vram')"
           :data-tooltip="i18nState.WORKFLOW_HIGH_VRAM_INFO"
         >
-          ⚠️ {{ languages.WORKFLOW_HIGH_VRAM_WARNING }}️
+          <span class="svg-icon text-white align-bottom i-warning-triangle w-5 h-5 px-3"></span>
+          {{ languages.WORKFLOW_HIGH_VRAM_WARNING }}️
         </p>
       </div>
       <div class="flex gap-2 items-center">

From c700bc696cfff9ae3ebd80fca338388bb898a5af Mon Sep 17 00:00:00 2001
From: Markus Schuettler <markus.schuettler@tngtech.com>
Date: Mon, 3 Feb 2025 17:44:28 +0100
Subject: [PATCH 4/4] adjust styling

Signed-off-by: Markus Schuettler <markus.schuettler@tngtech.com>
---
 WebUI/src/components/SettingsImageWorkflowSelector.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/WebUI/src/components/SettingsImageWorkflowSelector.vue b/WebUI/src/components/SettingsImageWorkflowSelector.vue
index 5a14fac9..051be788 100644
--- a/WebUI/src/components/SettingsImageWorkflowSelector.vue
+++ b/WebUI/src/components/SettingsImageWorkflowSelector.vue
@@ -137,11 +137,14 @@
       <div class="flex justify-between items-center pt-3">
         <p>{{ languages.SETTINGS_IMAGE_WORKFLOW }}</p>
         <p
+          class="select-none"
           v-show="imageGeneration.activeWorkflow.requirements?.includes('high-vram')"
           :data-tooltip="i18nState.WORKFLOW_HIGH_VRAM_INFO"
         >
-          <span class="svg-icon text-white align-bottom i-warning-triangle w-5 h-5 px-3"></span>
-          {{ languages.WORKFLOW_HIGH_VRAM_WARNING }}️
+          <span
+            class="svg-icon text-purple-500 align-bottom i-warning-triangle w-5 h-5 px-3"
+          ></span>
+          {{ languages.WORKFLOW_HIGH_VRAM_WARNING }}
         </p>
       </div>
       <div class="flex gap-2 items-center">