Upgrade nuxt & nuxt-ui to latest

This commit is contained in:
2025-09-19 20:45:17 +03:00
parent b8a4eceab5
commit ee04181d82
21 changed files with 10310 additions and 15424 deletions

View File

@@ -3,7 +3,7 @@ const currentYear = new Date().getFullYear();
</script>
<template>
<UContainer class="flex flex-col gap-5" as="footer">
<UContainer class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl items-center justify-center" as="footer">
<div class="text-sm text-gray-400">
© Marios Antonoudiou {{ currentYear }} - 🏛 Athens, Greece
</div>

View File

@@ -1,5 +1,5 @@
<template>
<UContainer class="flex flex-col gap-5" as="section">
<UContainer class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="section">
<div class="text-sm text-gray-500">Been working with</div>
<PreviousRole
company="Lateralus Ventures"

View File

@@ -1,5 +1,5 @@
<template>
<UContainer class="flex flex-col gap-5" as="section">
<UContainer class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="section">
<div class="text-sm text-gray-500">Let's connect</div>
<div class="flex gap-4 overflow-x-auto">

View File

@@ -1,5 +1,5 @@
<template>
<UContainer class="flex flex-col md:gap-12 gap-5" as="header">
<UContainer class="flex flex-col md:gap-12 gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="header">
<div class="flex items-center justify-between">
<nuxt-img
placeholder
@@ -7,7 +7,7 @@
src="mariosant.webp"
width="64"
height="64"
class="w-16 h-16 rounded-full border dark:border-gray-800 dark:bg-slate-300"
class="w-16 h-16 rounded-full border border-gray-200 dark:border-gray-800 dark:bg-slate-300"
/>
<div class="flex gap-3 items-center justify-end">

View File

@@ -1,5 +1,5 @@
<template>
<UContainer class="flex flex-col gap-5" as="section">
<UContainer class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="section">
<div class="text-sm text-gray-500">Personal projects</div>
<div class="grid grid-cols-1 gap-5 md:grid-cols-3">

View File

@@ -1,5 +1,5 @@
<template>
<UContainer class="flex flex-col gap-5" as="section">
<UContainer class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="section">
<ULink
class="text-sm text-gray-500 flex flex-row gap-1 items-center group"
to="/articles"

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-600"
class="flex overflow-auto gap-x-5 md:gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:border-gray-200 md:p-4 md:dark:border-slate-600"
>
<ULink :to="props.url" target="_blank">
<NuxtImg

View File

@@ -42,17 +42,17 @@ watchEffect(() => {
<template>
<div
ref="target"
class="border-b dark:border-none dark:border-b-slate-600 top-0 bg-white z-10 dark:bg-slate-800 bg-opacity-85 dark:bg-opacity-90 backdrop-blur-sm sticky"
class="border-b border-b-gray-200 dark:border-none dark:border-b-slate-600 top-0 bg-white z-10 dark:bg-slate-800 bg-opacity-85 dark:bg-opacity-90 backdrop-blur-sm sticky"
>
<UContainer class="grid grid-cols-2 items-center gap-3 !py-2" as="nav">
<UContainer class="grid grid-cols-2 items-center gap-3 !py-2 max-w-3xl" as="nav">
<ULink to="/" class="flex gap-3 items-center">
<nuxt-img
placeholder
alt="Marios Antonoudiou"
src="mariosant.webp"
class="w-10 h-10 rounded-full border dark:border-gray-800 dark:bg-slate-300 block"
class="w-10 h-10 rounded-full border border-gray-200 dark:border-gray-800 dark:bg-slate-300 block"
/>
<div class="font-bold">Marios Antonoudiou</div>
<div class="font-bold text-slate-800 dark:text-white">Marios Antonoudiou</div>
</ULink>
<div
class="flex gap-3 items-center justify-end text-slate-600 dark:text-slate-400"