From 933ad20b811451bc198d846827d4986b09405976 Mon Sep 17 00:00:00 2001
From: Oleksander Piskun <oleksandr2088@icloud.com>
Date: Mon, 27 Jul 2026 12:55:18 +0000
Subject: [PATCH] chore: use the outline style for the key icons

Signed-off-by: Oleksander Piskun <oleksandr2088@icloud.com>
---
 src/components/AdminSettings.vue    | 10 +++++-----
 src/components/PersonalSettings.vue |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/AdminSettings.vue b/src/components/AdminSettings.vue
index 0721c330..fb1477c5 100644
--- a/src/components/AdminSettings.vue
+++ b/src/components/AdminSettings.vue
@@ -37,7 +37,7 @@
 				@focus="readonly = false"
 				@update:model-value="onInput">
 				<template #icon>
-					<KeyIcon :size="20" />
+					<KeyOutlineIcon :size="20" />
 				</template>
 			</NcTextField>
 			<NcTextField
@@ -52,7 +52,7 @@
 				@focus="readonly = false"
 				@update:model-value="onInput">
 				<template #icon>
-					<KeyIcon :size="20" />
+					<KeyOutlineIcon :size="20" />
 				</template>
 			</NcTextField>
 			<br>
@@ -71,7 +71,7 @@
 				@focus="readonly = false"
 				@update:model-value="onInput">
 				<template #icon>
-					<KeyIcon :size="20" />
+					<KeyOutlineIcon :size="20" />
 				</template>
 			</NcTextField>
 			<div v-if="defaultTokenConnected" class="line">
@@ -119,7 +119,7 @@
 </template>
 
 <script>
-import KeyIcon from 'vue-material-design-icons/Key.vue'
+import KeyOutlineIcon from 'vue-material-design-icons/KeyOutline.vue'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
 
 import GithubIcon from './icons/GithubIcon.vue'
@@ -146,7 +146,7 @@ export default {
 		NcNoteCard,
 		NcFormBox,
 		NcFormBoxSwitch,
-		KeyIcon,
+		KeyOutlineIcon,
 		CheckIcon,
 	},
 
diff --git a/src/components/PersonalSettings.vue b/src/components/PersonalSettings.vue
index f5ddc0b7..0607b1c8 100644
--- a/src/components/PersonalSettings.vue
+++ b/src/components/PersonalSettings.vue
@@ -52,7 +52,7 @@
 					@keyup.enter="connectWithToken"
 					@trailing-button-click="state.token = ''">
 					<template #icon>
-						<KeyIcon :size="20" />
+						<KeyOutlineIcon :size="20" />
 					</template>
 				</NcTextField>
 				<NcButton v-if="!connected"
@@ -112,7 +112,7 @@
 
 <script>
 import OpenInNewIcon from 'vue-material-design-icons/OpenInNew.vue'
-import KeyIcon from 'vue-material-design-icons/Key.vue'
+import KeyOutlineIcon from 'vue-material-design-icons/KeyOutline.vue'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
 import CloseIcon from 'vue-material-design-icons/Close.vue'
 
@@ -140,7 +140,7 @@ export default {
 		NcTextField,
 		NcFormBox,
 		NcFormBoxSwitch,
-		KeyIcon,
+		KeyOutlineIcon,
 		CheckIcon,
 		CloseIcon,
 		OpenInNewIcon,