refac: styling

src/lib/components/icons/ArrowUpLeft.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let className = 'size-4';
+	export let strokeWidth = '1.5';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="m19.5 19.5-15-15m0 0v11.25m0-11.25h11.25"
+	/>
+</svg>

src/lib/components/notes/NoteEditor/Chat/Message.svelte

@@ -7,8 +7,8 @@
 	import Markdown from '$lib/components/chat/Messages/Markdown.svelte';
 	import Pencil from '$lib/components/icons/Pencil.svelte';
 	import Textarea from '$lib/components/common/Textarea.svelte';
-	import DocumentArrowUp from '$lib/components/icons/DocumentArrowUp.svelte';
 	import Tooltip from '$lib/components/common/Tooltip.svelte';
+	import ArrowUpLeft from '$lib/components/icons/ArrowUpLeft.svelte';
 
 	export let message;
 	export let idx;
@@ -34,7 +34,7 @@
 						onInsert();
 					}}
 				>
-					<DocumentArrowUp className="size-3.5" strokeWidth="2" />
+					<ArrowUpLeft className="size-3.5" strokeWidth="2" />
 				</button>
 			</Tooltip>