refactor button into IconButton

TeemuKoivisto · Apr 5, 2024 · 441dac9 · 441dac9
1 parent 1b13b0d
commit 441dac9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/packages/client/src/elements/IconButton.svelte b/packages/client/src/elements/IconButton.svelte
@@ -14,8 +14,8 @@
 </script>
 
 <button
-  class={`${$$props.class || ''} flex items-center justify-center rounded p-1 hover:bg-gray-200`}
   {...$$restProps}
+  class={`${$$props.class || ''} flex items-center justify-center rounded p-1 hover:bg-gray-200`}
   on:click
 >
   <Icon {icon} width={size} />

diff --git a/packages/client/src/routes/(site)/+page.svelte b/packages/client/src/routes/(site)/+page.svelte
@@ -165,9 +165,7 @@
 >
   MIDI Note Trainer
   <div class="flex items-center justify-center">
-    <button class="rounded p-2 hover:bg-gray-200" on:click={handleReset}>
-      <Icon icon={restore} width={24} />
-    </button>
+    <IconButton class="p-2" icon={restore} size={24} on:click={handleReset} />
   </div>
 </h1>