UI stands out now
This commit is contained in:
parent
108438e2f6
commit
48000d05e7
8 changed files with 164 additions and 10 deletions
|
@ -1,14 +1,12 @@
|
|||
<style>
|
||||
#content {
|
||||
background: var(--light-1);
|
||||
box-shadow: 0px 3px 5px 3px var(--dark-2);
|
||||
box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.1);
|
||||
|
||||
width: min(700px, 90vw);
|
||||
padding-top: 8px;
|
||||
margin: 25px;
|
||||
|
||||
border-radius: 25px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
padding: 0.5rem;
|
||||
border: none;
|
||||
border-bottom: solid var(--dark-3) 3px;
|
||||
box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.1);
|
||||
|
||||
font-family: 'Open Sans';
|
||||
|
||||
|
|
|
@ -16,10 +16,10 @@
|
|||
|
||||
<p>
|
||||
{#if data.id > 0}
|
||||
<a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }} href='#'>← Page {(data.id)-1}</a>
|
||||
<Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }} href='#'>Page {(data.id)-1}</Button>
|
||||
{/if}
|
||||
<b>Page {(data.id)}</b>
|
||||
<a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }} href='#'>Page {(data.id)+1} →</a>
|
||||
<Button>Page {(data.id)}</Button>
|
||||
<Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }} href='#'>Page {(data.id)+1}</Button>
|
||||
</p>
|
||||
|
||||
{#if data && data.postJson && data.postJson.data}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue