mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

feat: add dark mode

Browse Source
This commit is contained in:
Marios Antonoudiou
2023-12-04 16:59:42 +02:00
parent 88f430b5f1
commit 419802607d
7 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/been-working-with.vue
View File

@@ -8,7 +8,7 @@
</template>
</Company>
<Company logo="chat-engineers-logo.webp" href="https://chatengineers.com">
<Company logo="chat-engineers-logo.png" href="https://chatengineers.com">
<template v-slot:title>Chat Engineers</template>
<template v-slot:description>
Apps and customization for the Livechat platform

3
components/company.vue
View File

@@ -14,6 +14,7 @@ const props = defineProps<Props>();
placeholder
:src="props.logo"
class="block rounded min-w-[50px]"
format="webp"
height="50"
width="50"
fit="outside"
@@ -23,7 +24,7 @@ const props = defineProps<Props>();
<NuxtLink
:href="props.href"
target="_blank"
class="text-xl font-semibold hover:underline hover:underline-offset-4"
class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4"
>
<slot name="title">Company</slot>
</NuxtLink>

6
components/introduction.vue
View File

@@ -5,11 +5,11 @@
src="mariosant.webp"
width="64"
height="64"
class="w-16 h-16 rounded-full border"
class="w-16 h-16 rounded-full border dark:border-gray-800 dark:bg-slate-300"
/>
<div class="md:text-xl text-lg font-semibold">
<ULink
class="text-blue-500 hover:underline hover:underline-offset-4"
class="text-blue-500 dark:text-blue-300 hover:underline hover:underline-offset-4"
to="mailto:mariosant@sent.com"
>Marios Antonoudiou</ULink
>, an experienced software engineer.<br />
@@ -17,7 +17,7 @@
<ULink
to="https://celonis.com"
target="_blank"
class="text-green-500 hover:underline hover:underline-offset-4"
class="text-green-500 dark:text-green-300 hover:underline hover:underline-offset-4"
>Celonis</ULink
>.
</div>