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 | a941bfe92b0c96d98ca5a046f81166e15fcfb004 (patch) | |
| tree | ac73fd180899efee908c4ab147533c4f57172485 /src | |
| parent | c2971fa5ab975e45fbf42a12f58c4c0af92a19b9 (diff) | |
| download | coinos-ui-a941bfe92b0c96d98ca5a046f81166e15fcfb004.tar.gz coinos-ui-a941bfe92b0c96d98ca5a046f81166e15fcfb004.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> |