alex/daichendt.one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: responsiveness

Browse source
This commit is contained in:
Alexander Daichendt 2022-07-26 23:52:14 +02:00
parent e604807914
commit 256ffc4370
3 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/Link.svelte
View file

@ -39,6 +39,7 @@
color: var(--special-color); color: var(--special-color);
text-decoration: none; text-decoration: none;
font-weight: 550; font-weight: 550;
white-space: nowrap;
} }
a:hover { a:hover {
color: var(--outline-color); color: var(--outline-color);

3
src/components/Table.svelte
View file

@ -13,6 +13,7 @@
padding: 1rem; padding: 1rem;
box-shadow: 0px 0px 2px var(--shadow-color); box-shadow: 0px 0px 2px var(--shadow-color);
border: 1px solid var(--outline-color); border: 1px solid var(--outline-color);
overflow-x: auto;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
@ -21,6 +22,8 @@
:global(#table thead th) { :global(#table thead th) {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
border: solid; border: solid;
width: 350px; width: 350px;
margin: auto; margin: auto;

12
src/routes/index.svelte
View file

@ -82,11 +82,13 @@
</ul> </ul>
<h2>Highlighted Projects</h2> <h2>Highlighted Projects</h2>
{#each PROJECTS as project} <ul>
<ListItem> {#each PROJECTS as project}
<Link href={project.href}>{project.name}</Link> - {project.description} <ListItem>
</ListItem> <Link href={project.href}>{project.name}</Link> - {project.description}
{/each} </ListItem>
{/each}
</ul>
<style> <style>
</style> </style>