pancakes/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Visually separate page links

Browse source
This commit is contained in:
pancakes 2024-06-18 15:56:26 +10:00
parent f20550929a
commit a104db5120
1 changed files with 49 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/routes/+page.svelte
View file

@ -60,8 +60,9 @@
</p> </p>
</div> </div>
<dl> <ol class="page-links">
{#each pages as page} {#each pages as page}
<li>
<h3> <h3>
<a href={"/" + page.slug + "/"}> <a href={"/" + page.slug + "/"}>
{page.title} {page.title}
@ -83,8 +84,9 @@
</small> </small>
</p> </p>
{/if} {/if}
</li>
{/each} {/each}
</dl> </ol>
<h2 id="projects">Projects</h2> <h2 id="projects">Projects</h2>
@ -339,6 +341,30 @@
</main> </main>
<style> <style>
ol.page-links {
padding-left: 0.5rem;
list-style: none;
}
ol.page-links li {
padding: 0.5rem;
background-color: var(--background-2);
border-left: 2px solid var(--accent);
}
ol.page-links li {
margin-top: 1rem;
}
ol.page-links li > *:first-child {
margin-top: 0;
}
ol.page-links li > *:last-child {
margin-bottom: 0;
}
ul.buttons { ul.buttons {
display: flex; display: flex;
flex-direction: row; flex-direction: row;