<Meta post={data.post} isPost /> </div> <PostContent {data} /> </PostOuter> <div class="flex flex-row flex-wrap justify-center my-4"> <PostsContainer> {#if previous} <PostOuter> <h1 class="more-posts">Previous post</h1> <Title post={previous} /> <Meta post={previous} /> <ReadMore post={previous} /> </PostOuter> {/if} {#if next} <PostOuter> <h1 class="more-posts">Next post</h1> <Title post={next} /> <Meta post={next} /> <ReadMore post={next} /> </PostOuter> {/if} </PostsContainer> </div> <style> .more-posts { @apply border-b-solid border-b-grey border-b-1 m-0; } </style> {:else} <p>{data.allPosts.message}</p> {/if}