arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-26 01:40:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use primary color for title

Browse Source
This commit is contained in:
Arthur Danjou
2023-10-29 18:32:20 +01:00
parent cbe422957b
commit a3daf648a4
3 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/talents.vue
View File

@@ -9,7 +9,9 @@ const { getCategories, talents, isFavorite, toggleFavorite, switchCategory, pend
getCategories.value?.forEach(category => categories.value.push({ label: category.name, slug: category.slug }))
const appConfig = useAppConfig()
const getColor = computed(() => `text-${appConfig.ui.primary}-500`)
function getColor() {
return `text-${appConfig.ui.primary}-500`
}
</script>
<template>
@@ -120,7 +122,7 @@ const getColor = computed(() => `text-${appConfig.ui.primary}-500`)
{{ category.category.name }}
</UBadge>
</div>
<p class="relative z-10 mt-4 flex text-sm font-medium items-center" :class="getColor">
<p class="relative z-10 mt-4 flex text-sm font-medium items-center" :class="getColor()">
<UIcon name="i-ph-link-bold" />
<span class="ml-2">{{ talent.website.replace('https://', '') }}</span>
</p>

6
src/pages/work.vue
View File

@@ -1,6 +1,8 @@
<script lang="ts" setup>
const appConfig = useAppConfig()
const getColor = computed(() => appConfig.ui.primary)
function getColor() {
return `text-${appConfig.ui.primary}-500`
}
useHead({
title: 'My work • Arthur Danjou',
@@ -52,7 +54,7 @@ const { data: projects } = await useProjects()
{{ tag }}
</UBadge>
</div>
<p class="relative z-10 mt-6 flex text-sm font-medium items-center" :class="getColor">
<p class="relative z-10 mt-6 flex text-sm font-medium items-center" :class="getColor()">
<UIcon name="i-ph-link-bold" />
<span class="ml-2">{{ project.link.replace('https://', '') }}</span>
</p>