kmoschcau/kmoschcau.de-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: set up a good looking outline for links

Browse Source
This commit is contained in:
Kai Moschcau
2026-04-01 19:15:40 +02:00
parent 4ce0421e95
commit 6eb4334691
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/external-link.astro
View File

@@ -13,7 +13,7 @@ const { cssClass, href, title } = Astro.props;
<a <a
class:list={[ class:list={[
cssClass, cssClass,
"flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg sm:px-24", "flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg outline-offset-2 sm:px-24",
]} ]}
{href} {href}
{title} {title}

5
src/pages/skills.astro
View File

@@ -32,7 +32,10 @@ const kcStart = new Date(2026, 0, 1);
<main class="flex items-center justify-center"> <main class="flex items-center justify-center">
<article> <article>
<div class="mb-8 flex items-baseline gap-6"> <div class="mb-8 flex items-baseline gap-6">
<a href="/" title="Zurück" class="text-soft" <a
href="/"
title="Zurück"
class="text-soft rounded-full outline-offset-2"
><BackIcon class="size-9" /></a ><BackIcon class="size-9" /></a
> >
<h1>Skills</h1> <h1>Skills</h1>