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

chore: enhance dark mode on articles

Browse Source
This commit is contained in:
Marios Antonoudiou
2023-12-20 20:06:00 +02:00
parent 19c3158f56
commit 71c9111905
4 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/project.vue
View File

@@ -11,7 +11,7 @@ const props = defineProps<Props>();
<template>
<div
class="flex overflow-auto gap-x-5 md:gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:p-4 md:dark:border-slate-400"
class="flex overflow-auto gap-x-5 md:gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:p-4 md:dark:border-slate-600"
>
<ULink :to="props.url" target="_blank">
<NuxtImg

4
components/top-nav.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="border-b">
<div class="border-b dark:border-b-slate-600">
<UContainer class="grid grid-cols-2 items-center gap-3 !py-2" as="nav">
<ULink to="/" class="flex gap-3 items-center">
<nuxt-img
@@ -8,7 +8,7 @@
src="mariosant.webp"
class="w-10 h-10 rounded-full border dark:border-gray-800 dark:bg-slate-300 block"
/>
<div class="text-slate-800 font-bold">Marios Antonoudiou</div>
<div class="font-bold">Marios Antonoudiou</div>
</ULink>
<div class="flex gap-3 items-center justify-end"></div>
</UContainer>