diff options
| author | secondl1ght <[email protected]> | 2022-09-16 12:11:17 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-09-16 12:11:17 -0600 |
| commit | 80772dac144545af8b62dc95e41a30f028d77534 (patch) | |
| tree | 0ab2202d88d004f1ef1547c6cb157527159c30d9 /src | |
| parent | 4f991aa5cbad3fddf7c4046ad02aeabaff5a6dc5 (diff) | |
| download | coinos-ui-80772dac144545af8b62dc95e41a30f028d77534.tar.gz coinos-ui-80772dac144545af8b62dc95e41a30f028d77534.zip | |
wrap pagination buttons and add hover
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/[username]/transactions/[...page]/+page.svelte | 4 | ||||
| -rw-r--r-- | src/routes/invoice/[id]/+page.svelte | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/src/routes/[username]/transactions/[...page]/+page.svelte b/src/routes/[username]/transactions/[...page]/+page.svelte index 8e91a010..f7c39f8e 100644 --- a/src/routes/[username]/transactions/[...page]/+page.svelte +++ b/src/routes/[username]/transactions/[...page]/+page.svelte @@ -23,11 +23,11 @@ </h1> <div class="container w-full mx-auto flex px-10 lg:px-40 mb-8 text-right"> - <div class="ml-auto flex"> + <div class="ml-auto flex flex-wrap"> {#if pages.length > 1} {#each pages as _, i} <a href={`/${user.username}/transactions/${i + 1}`} class:active={page === i + 1}> - <div class="border p-4 px-6 border-r-0 last:border-r"> + <div class="border py-4 px-6 border-r-0 last:border-r hover:bg-primary"> {i + 1} </div> </a> diff --git a/src/routes/invoice/[id]/+page.svelte b/src/routes/invoice/[id]/+page.svelte index 35bd06bb..2b2def13 100644 --- a/src/routes/invoice/[id]/+page.svelte +++ b/src/routes/invoice/[id]/+page.svelte @@ -266,10 +266,10 @@ </div> <div> - <button class="border border-lightgrey rounded-md p-2 mx-2" on:click={toggleFullscreen} + <button class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary" on:click={toggleFullscreen} ><Icon icon="expand" /></button > - <button class="border border-lightgrey rounded-md p-2 mx-2" on:click={() => copy(text)} + <button class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary" on:click={() => copy(text)} ><Icon icon="copy" /></button > </div> |