Skip to content

Commit ed6b401

Browse files
committed
docs(make-it-yours): improve button responsiveness
1 parent 9a69502 commit ed6b401

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

apps/website/src/components/make-it-yours/make-it-yours.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -95,17 +95,18 @@ export default component$(() => {
9595
});
9696
return (
9797
<section>
98-
<button
98+
<Button
99+
look="outline"
99100
onClick$={() => {
100101
showSig.value = true;
101102
}}
102103
class="hover:bg-accent/80 rounded-base border px-3 py-2"
103104
>
104105
<div class="flex justify-center">
105-
<LuSlidersHorizontal class="mr-3 h-6 w-6" />
106+
<LuSlidersHorizontal class="h-6 w-6 sm:mr-3" />
106107
<span class="hidden sm:block">Make it yours</span>
107108
</div>
108-
</button>
109+
</Button>
109110
<Modal
110111
closeOnBackdropClick={false}
111112
bind:show={showSig}

0 commit comments

Comments
 (0)