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

feat: contact page responsive

Browse source
This commit is contained in:
Alexander Daichendt 2022-07-31 15:31:57 +02:00
parent ba67b4113c
commit c34be93b5c
2 changed files with 35 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/routes/contact.svelte
View file

@ -22,21 +22,34 @@
<ul>
<ListItem>
<span class="listText">
<Icon path={mdiEmailEditOutline} />
E-Mail: <Link disableIcon disablePrefetch href="mailto:me@daichendt.one">me@daichendt.one</Link>
E-Mail:</span
>
<span class="listValue">
<Link disableIcon disablePrefetch href="mailto:me@daichendt.one">me@daichendt.one</Link>
<span style="margin-left: 4px;">
<Icon path={mdiKey} size="1rem" />
<Link href="/pub.key" disablePrefetch>GPG public key</Link>
<Link href="/pub.key" disablePrefetch>GPG key</Link>
</span>
</span>
</ListItem>
<ListItem>
<span class="listText">
<Icon path={mdiGithub} />
Github: <Link disableIcon href="https://github.com/AlexDaichendt">AlexDaichendt</Link>
Github:</span
>
<span class="listValue">
<Link disableIcon href="https://github.com/AlexDaichendt">AlexDaichendt</Link></span
>
</ListItem>
<ListItem>
<span class="listText">
<span style="font-size:1rem"><Element /></span>
Element: @alexdaichendt:matrix.org
Element:</span
> <span class="listValue"> @alexdaichendt:matrix.org</span>
</ListItem>
</ul>
@ -46,4 +59,15 @@ I usually reply within a couple minutes - if it is important.
ul {
list-style-type: none;
}
@media screen and (max-width: 480px) {
ul {
padding-left: unset;
}
.listText {
display: block;
}
.listValue {
margin-left: 2rem;
}
}
</style>