From 70d5e0d9be231aa42b7115e03d7c868221719d5c Mon Sep 17 00:00:00 2001
From: paring <me@paring.moe>
Date: Sun, 5 Jan 2025 00:16:30 +0900
Subject: [PATCH] fix: ui font list

---
 src/lib/components/form/FormHintArea.svelte | 5 +++--
 src/lib/stylesheets/globals.scss            | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/form/FormHintArea.svelte b/src/lib/components/form/FormHintArea.svelte
index 27c1e67..6e946c9 100644
--- a/src/lib/components/form/FormHintArea.svelte
+++ b/src/lib/components/form/FormHintArea.svelte
@@ -4,12 +4,13 @@
 	interface Props {
 		modal?: boolean
 		children?: Snippet
+		columns?: number
 	}
 
-	const { modal, children }: Props = $props()
+	const { modal, children, columns }: Props = $props()
 </script>
 
-<div class="form-hint-area" class:modal>
+<div class="form-hint-area" class:modal style="--hint-columns: {columns};">
 	{@render children?.()}
 </div>
 
diff --git a/src/lib/stylesheets/globals.scss b/src/lib/stylesheets/globals.scss
index babba15..cf3c846 100644
--- a/src/lib/stylesheets/globals.scss
+++ b/src/lib/stylesheets/globals.scss
@@ -10,7 +10,8 @@
 @use 'utils/grid';
 @use 'utils/table';
 
-$normal_font: 'IBM Plex Sans KR', sans-serif;
+$normal_font: 'IBM Plex Sans KR', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+	'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
 
 :root {
 	--color-bg-solid: 35, 43, 90;