Streamer272/svitan.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 Fixes arrow link color

Browse Source
This commit is contained in:
Daniel Svitan
2026-01-17 16:19:13 +01:00
parent 6be5249510
commit d8d8130eef
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/components/ArrowLink.vue
View File

@@ -1,16 +1,21 @@
<template> <template>
<NuxtLink :to="props.link" target="_blank"> <NuxtLink :to="props.link" target="_blank">
<img <svg
:src="props.icon ?? '/icons/arrow-up-right-from-square.svg'" xmlns="http://www.w3.org/2000/svg"
alt="Arrow going to the top right from the center of a square, representing a link" viewBox="0 0 512 512"
width="16"
height="16"
class="w-4 h-4 fill-ctp-text" class="w-4 h-4 fill-ctp-text"
/> >
<path
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"
/>
</svg>
</NuxtLink> </NuxtLink>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
const props = defineProps<{ const props = defineProps<{
link: string; link: string;
icon?: string;
}>(); }>();
</script> </script>

2
app/pages/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="w-screen h-full flex items-center justify-start flex-col font-mono bg-ctp-base text-ctp-text mocha"> <div class="w-screen h-full flex items-center justify-start flex-col font-mono">
<div class="w-1 h-10 shrink-10" /> <div class="w-1 h-10 shrink-10" />
<div <div

1
public/icons/arrow-up-right-from-square.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="64" height="64"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 696 B