From c8e8111dd993a5ff7fe8effd9c8de88da7eda541 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Fri, 27 Jun 2025 15:44:26 +0400
Subject: [PATCH] refac

---
 src/lib/components/AddConnectionModal.svelte                    | 2 +-
 src/lib/components/AddServerModal.svelte                        | 2 +-
 src/lib/components/ChangelogModal.svelte                        | 2 +-
 src/lib/components/ImportModal.svelte                           | 2 +-
 src/lib/components/admin/Evaluations/FeedbackModal.svelte       | 2 +-
 src/lib/components/admin/Evaluations/LeaderboardModal.svelte    | 2 +-
 .../admin/Settings/Connections/ManageOllamaModal.svelte         | 2 +-
 .../admin/Settings/Evaluations/ArenaModelModal.svelte           | 2 +-
 src/lib/components/admin/Settings/Interface/Banners.svelte      | 2 +-
 .../admin/Settings/Models/ConfigureModelsModal.svelte           | 2 +-
 .../components/admin/Settings/Models/ManageModelsModal.svelte   | 2 +-
 src/lib/components/admin/Users/Groups/AddGroupModal.svelte      | 2 +-
 src/lib/components/admin/Users/Groups/EditGroupModal.svelte     | 2 +-
 src/lib/components/admin/Users/UserList/AddUserModal.svelte     | 2 +-
 src/lib/components/admin/Users/UserList/EditUserModal.svelte    | 2 +-
 src/lib/components/chat/MessageInput/VoiceRecording.svelte      | 2 +-
 src/lib/components/chat/Messages/CitationsModal.svelte          | 2 +-
 src/lib/components/chat/Messages/CodeExecutionModal.svelte      | 2 +-
 src/lib/components/chat/Messages/RateComment.svelte             | 2 +-
 .../chat/Settings/Personalization/AddMemoryModal.svelte         | 2 +-
 .../chat/Settings/Personalization/EditMemoryModal.svelte        | 2 +-
 src/lib/components/chat/ShareChatModal.svelte                   | 2 +-
 src/lib/components/chat/ShortcutsModal.svelte                   | 2 +-
 src/lib/components/chat/ToolServersModal.svelte                 | 2 +-
 src/lib/components/common/FileItem.svelte                       | 2 +-
 src/lib/components/common/Image.svelte                          | 2 +-
 src/lib/components/common/ImagePreview.svelte                   | 2 +-
 src/lib/components/icons/XMark.svelte                           | 2 +-
 src/lib/components/layout/Sidebar/ChannelModal.svelte           | 2 +-
 src/lib/components/workspace/Models/ModelEditor.svelte          | 2 +-
 src/lib/components/workspace/common/AccessControlModal.svelte   | 2 +-
 src/lib/components/workspace/common/ManifestModal.svelte        | 2 +-
 src/lib/components/workspace/common/ValvesModal.svelte          | 2 +-
 33 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/lib/components/AddConnectionModal.svelte b/src/lib/components/AddConnectionModal.svelte
index d6eab74df9..c17c57ba34 100644
--- a/src/lib/components/AddConnectionModal.svelte
+++ b/src/lib/components/AddConnectionModal.svelte
@@ -210,7 +210,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/AddServerModal.svelte b/src/lib/components/AddServerModal.svelte
index 30f40173ea..acec5c4add 100644
--- a/src/lib/components/AddServerModal.svelte
+++ b/src/lib/components/AddServerModal.svelte
@@ -170,7 +170,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/ChangelogModal.svelte b/src/lib/components/ChangelogModal.svelte
index 76bedd118e..ea65760628 100644
--- a/src/lib/components/ChangelogModal.svelte
+++ b/src/lib/components/ChangelogModal.svelte
@@ -39,7 +39,7 @@
 				}}
 				aria-label={$i18n.t('Close')}
 			>
-				<XMark>
+				<XMark className={'size-5'}>
 					<p class="sr-only">{$i18n.t('Close')}</p>
 				</XMark>
 			</button>
diff --git a/src/lib/components/ImportModal.svelte b/src/lib/components/ImportModal.svelte
index 3e8eb15f7f..a8e525e976 100644
--- a/src/lib/components/ImportModal.svelte
+++ b/src/lib/components/ImportModal.svelte
@@ -71,7 +71,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Evaluations/FeedbackModal.svelte b/src/lib/components/admin/Evaluations/FeedbackModal.svelte
index 569e5669cd..996275cd4f 100644
--- a/src/lib/components/admin/Evaluations/FeedbackModal.svelte
+++ b/src/lib/components/admin/Evaluations/FeedbackModal.svelte
@@ -23,7 +23,7 @@
 					{$i18n.t('Feedback Details')}
 				</div>
 				<button class="self-center" on:click={close} aria-label="Close">
-					<XMark />
+					<XMark className={'size-5'} />
 				</button>
 			</div>
 
diff --git a/src/lib/components/admin/Evaluations/LeaderboardModal.svelte b/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
index f9a9eacb07..b3d7849797 100644
--- a/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
+++ b/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
@@ -38,7 +38,7 @@
 				{model.name}
 			</div>
 			<button class="self-center" on:click={close} aria-label="Close">
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 		<div class="px-5 pb-4 dark:text-gray-200">
diff --git a/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte b/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
index 5031ef719f..a9d34d5c7e 100644
--- a/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
+++ b/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
@@ -27,7 +27,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte b/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
index abedd2c05a..b34c3e5275 100644
--- a/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
+++ b/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
@@ -143,7 +143,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Settings/Interface/Banners.svelte b/src/lib/components/admin/Settings/Interface/Banners.svelte
index b22e940f0d..7eb462b519 100644
--- a/src/lib/components/admin/Settings/Interface/Banners.svelte
+++ b/src/lib/components/admin/Settings/Interface/Banners.svelte
@@ -86,7 +86,7 @@
 					banners = banners;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-4'} />
 			</button>
 		</div>
 	{/each}
diff --git a/src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte b/src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte
index e81c74907b..6290a719e6 100644
--- a/src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte
+++ b/src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte
@@ -130,7 +130,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte b/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
index 1915778b42..b00150464a 100644
--- a/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
+++ b/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
@@ -49,7 +49,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Users/Groups/AddGroupModal.svelte b/src/lib/components/admin/Users/Groups/AddGroupModal.svelte
index 50f6a7f5b4..0e7cf4a9c7 100644
--- a/src/lib/components/admin/Users/Groups/AddGroupModal.svelte
+++ b/src/lib/components/admin/Users/Groups/AddGroupModal.svelte
@@ -47,7 +47,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Users/Groups/EditGroupModal.svelte b/src/lib/components/admin/Users/Groups/EditGroupModal.svelte
index ab2ba97fc1..eaf4e45b5c 100644
--- a/src/lib/components/admin/Users/Groups/EditGroupModal.svelte
+++ b/src/lib/components/admin/Users/Groups/EditGroupModal.svelte
@@ -126,7 +126,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Users/UserList/AddUserModal.svelte b/src/lib/components/admin/Users/UserList/AddUserModal.svelte
index fda50ec296..70bbbbb1b8 100644
--- a/src/lib/components/admin/Users/UserList/AddUserModal.svelte
+++ b/src/lib/components/admin/Users/UserList/AddUserModal.svelte
@@ -134,7 +134,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/admin/Users/UserList/EditUserModal.svelte b/src/lib/components/admin/Users/UserList/EditUserModal.svelte
index 23ec1b10a9..1e69ab9912 100644
--- a/src/lib/components/admin/Users/UserList/EditUserModal.svelte
+++ b/src/lib/components/admin/Users/UserList/EditUserModal.svelte
@@ -55,7 +55,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/chat/MessageInput/VoiceRecording.svelte b/src/lib/components/chat/MessageInput/VoiceRecording.svelte
index 3ae16d9f06..4e90eb6a2e 100644
--- a/src/lib/components/chat/MessageInput/VoiceRecording.svelte
+++ b/src/lib/components/chat/MessageInput/VoiceRecording.svelte
@@ -407,7 +407,7 @@
 				onCancel();
 			}}
 		>
-			<XMark />
+			<XMark className={'size-4'} />
 		</button>
 	</div>
 
diff --git a/src/lib/components/chat/Messages/CitationsModal.svelte b/src/lib/components/chat/Messages/CitationsModal.svelte
index 09d8fcc873..e0c512565c 100644
--- a/src/lib/components/chat/Messages/CitationsModal.svelte
+++ b/src/lib/components/chat/Messages/CitationsModal.svelte
@@ -69,7 +69,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/chat/Messages/CodeExecutionModal.svelte b/src/lib/components/chat/Messages/CodeExecutionModal.svelte
index da42227403..802acf8a5b 100644
--- a/src/lib/components/chat/Messages/CodeExecutionModal.svelte
+++ b/src/lib/components/chat/Messages/CodeExecutionModal.svelte
@@ -50,7 +50,7 @@
 					codeExecution = null;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/chat/Messages/RateComment.svelte b/src/lib/components/chat/Messages/RateComment.svelte
index b23efadc30..83ac9895f9 100644
--- a/src/lib/components/chat/Messages/RateComment.svelte
+++ b/src/lib/components/chat/Messages/RateComment.svelte
@@ -124,7 +124,7 @@
 				show = false;
 			}}
 		>
-			<XMark />
+			<XMark className={'size-4'} />
 		</button>
 	</div>
 
diff --git a/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte b/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte
index 205e8243fe..8c21b89627 100644
--- a/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte
+++ b/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte
@@ -48,7 +48,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte b/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte
index cca3d9b467..be69bee0ab 100644
--- a/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte
+++ b/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte
@@ -58,7 +58,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/chat/ShareChatModal.svelte b/src/lib/components/chat/ShareChatModal.svelte
index 382d81ba77..f9f0f723ea 100644
--- a/src/lib/components/chat/ShareChatModal.svelte
+++ b/src/lib/components/chat/ShareChatModal.svelte
@@ -91,7 +91,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/chat/ShortcutsModal.svelte b/src/lib/components/chat/ShortcutsModal.svelte
index 1879d5ab3d..d5b083caa5 100644
--- a/src/lib/components/chat/ShortcutsModal.svelte
+++ b/src/lib/components/chat/ShortcutsModal.svelte
@@ -19,7 +19,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/chat/ToolServersModal.svelte b/src/lib/components/chat/ToolServersModal.svelte
index c93390fda1..0240512f95 100644
--- a/src/lib/components/chat/ToolServersModal.svelte
+++ b/src/lib/components/chat/ToolServersModal.svelte
@@ -31,7 +31,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/common/FileItem.svelte b/src/lib/components/common/FileItem.svelte
index 5134f1309f..4e868d5cb5 100644
--- a/src/lib/components/common/FileItem.svelte
+++ b/src/lib/components/common/FileItem.svelte
@@ -134,7 +134,7 @@
 					dispatch('dismiss');
 				}}
 			>
-				<XMark />
+				<XMark className={'size-4'} />
 			</button>
 
 			<!-- <button
diff --git a/src/lib/components/common/Image.svelte b/src/lib/components/common/Image.svelte
index d9bd09cc7d..588743d3df 100644
--- a/src/lib/components/common/Image.svelte
+++ b/src/lib/components/common/Image.svelte
@@ -40,7 +40,7 @@
 					onDismiss();
 				}}
 			>
-				<XMark />
+				<XMark className={'size-4'} />
 			</button>
 		</div>
 	{/if}
diff --git a/src/lib/components/common/ImagePreview.svelte b/src/lib/components/common/ImagePreview.svelte
index 7acca4686c..cdd8bee80d 100644
--- a/src/lib/components/common/ImagePreview.svelte
+++ b/src/lib/components/common/ImagePreview.svelte
@@ -84,7 +84,7 @@
 						show = false;
 					}}
 				>
-					<XMark />
+					<XMark className={'size-6'} />
 				</button>
 			</div>
 
diff --git a/src/lib/components/icons/XMark.svelte b/src/lib/components/icons/XMark.svelte
index c10fb4500d..1174d674cb 100644
--- a/src/lib/components/icons/XMark.svelte
+++ b/src/lib/components/icons/XMark.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	export let className = 'w-5 h-5';
+	export let className = 'size-3.5';
 	export let strokeWidth = '2';
 </script>
 
diff --git a/src/lib/components/layout/Sidebar/ChannelModal.svelte b/src/lib/components/layout/Sidebar/ChannelModal.svelte
index d46e9d41f2..abcc091ced 100644
--- a/src/lib/components/layout/Sidebar/ChannelModal.svelte
+++ b/src/lib/components/layout/Sidebar/ChannelModal.svelte
@@ -86,7 +86,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/workspace/Models/ModelEditor.svelte b/src/lib/components/workspace/Models/ModelEditor.svelte
index 64854a6586..75baa93abe 100644
--- a/src/lib/components/workspace/Models/ModelEditor.svelte
+++ b/src/lib/components/workspace/Models/ModelEditor.svelte
@@ -679,7 +679,7 @@
 													info.meta.suggestion_prompts = info.meta.suggestion_prompts;
 												}}
 											>
-												<XMark />
+												<XMark className={'size-4'} />
 											</button>
 										</div>
 									{/each}
diff --git a/src/lib/components/workspace/common/AccessControlModal.svelte b/src/lib/components/workspace/common/AccessControlModal.svelte
index bd27dfbd01..57fe3a2d4d 100644
--- a/src/lib/components/workspace/common/AccessControlModal.svelte
+++ b/src/lib/components/workspace/common/AccessControlModal.svelte
@@ -26,7 +26,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/workspace/common/ManifestModal.svelte b/src/lib/components/workspace/common/ManifestModal.svelte
index 6de9a96631..813a9fad1f 100644
--- a/src/lib/components/workspace/common/ManifestModal.svelte
+++ b/src/lib/components/workspace/common/ManifestModal.svelte
@@ -23,7 +23,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>
 
diff --git a/src/lib/components/workspace/common/ValvesModal.svelte b/src/lib/components/workspace/common/ValvesModal.svelte
index f5ab8b6d48..ca4c3a3cea 100644
--- a/src/lib/components/workspace/common/ValvesModal.svelte
+++ b/src/lib/components/workspace/common/ValvesModal.svelte
@@ -106,7 +106,7 @@
 					show = false;
 				}}
 			>
-				<XMark />
+				<XMark className={'size-5'} />
 			</button>
 		</div>