From 183ce583b0c40899b5ef7473945a12f37618d001 Mon Sep 17 00:00:00 2001
From: static <kmc7468@naver.com>
Date: Tue, 28 Jan 2025 22:59:22 +0900
Subject: [PATCH] =?UTF-8?q?FloatingActionButton=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=A6=AC=ED=8C=A9=ED=86=A0=EB=A7=81=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/atoms/buttons/FloatingButton.svelte | 10 +++++-----
 src/routes/(main)/directory/[[id]]/+page.svelte        |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/atoms/buttons/FloatingButton.svelte b/src/lib/components/atoms/buttons/FloatingButton.svelte
index 67956f6..10dd4f4 100644
--- a/src/lib/components/atoms/buttons/FloatingButton.svelte
+++ b/src/lib/components/atoms/buttons/FloatingButton.svelte
@@ -4,12 +4,12 @@
   import { AdaptiveDiv } from "$lib/components/atoms";
 
   interface Props {
+    class: ClassValue;
     icon: Component<SvelteHTMLElements["svg"]>;
-    offset: ClassValue;
     onclick?: () => void;
   }
 
-  let { icon: Icon, offset, onclick }: Props = $props();
+  let { class: className, icon: Icon, onclick }: Props = $props();
 </script>
 
 <div class="pointer-events-none fixed inset-0">
@@ -17,11 +17,11 @@
     <button
       onclick={onclick && (() => setTimeout(onclick, 100))}
       class={[
-        "pointer-events-auto absolute bottom-4 right-4 flex h-14 w-14 items-center justify-center rounded-full bg-gray-300 shadow-lg transition active:scale-95 active:bg-gray-400",
-        offset,
+        "pointer-events-auto absolute flex h-14 w-14 items-center justify-center rounded-full bg-gray-300 text-xl shadow-lg transition active:scale-95 active:bg-gray-400",
+        className,
       ]}
     >
-      <Icon class="text-xl" />
+      <Icon />
     </button>
   </AdaptiveDiv>
 </div>
diff --git a/src/routes/(main)/directory/[[id]]/+page.svelte b/src/routes/(main)/directory/[[id]]/+page.svelte
index 592f6be..98572b3 100644
--- a/src/routes/(main)/directory/[[id]]/+page.svelte
+++ b/src/routes/(main)/directory/[[id]]/+page.svelte
@@ -110,11 +110,11 @@
 </div>
 
 <FloatingButton
-  offset="bottom-24 right-4"
   icon={IconAdd}
   onclick={() => {
     isEntryCreateBottomSheetOpen = true;
   }}
+  class="bottom-24 right-4"
 />
 <EntryCreateBottomSheet
   bind:isOpen={isEntryCreateBottomSheetOpen}