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

Update image backgrounds

Browse Source
This commit is contained in:
Marios Antonoudiou
2026-06-16 23:22:48 +03:00
parent 1fff7e0704
commit 3ee285dec0
2 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/previous-role.astro
View File

@@ -14,14 +14,18 @@ const isRemote = typeof logo === "string";
<div class="flex gap-5"> <div class="flex gap-5">
{ {
href ? ( href ? (
<a href={href} target="_blank" rel="noopener noreferrer" class="block shrink-0"> <a
href={href}
target="_blank"
rel="noopener noreferrer"
class="block shrink-0">
<Image <Image
src={logo} src={logo}
alt={company} alt={company}
inferSize={isRemote} inferSize={isRemote}
width={isRemote ? undefined : 50} width={isRemote ? undefined : 50}
height={isRemote ? undefined : 50} height={isRemote ? undefined : 50}
class="block rounded min-w-[50px] w-[50px] h-[50px] object-contain bg-white" class="block rounded size-12 object-contain"
loading="lazy" loading="lazy"
/> />
</a> </a>
@@ -32,7 +36,7 @@ const isRemote = typeof logo === "string";
inferSize={isRemote} inferSize={isRemote}
width={isRemote ? undefined : 50} width={isRemote ? undefined : 50}
height={isRemote ? undefined : 50} height={isRemote ? undefined : 50}
class="block rounded min-w-[50px] w-[50px] h-[50px] object-contain bg-white shrink-0" class="block rounded size-12 object-contain shrink-0"
loading="lazy" loading="lazy"
/> />
) )
@@ -44,8 +48,7 @@ const isRemote = typeof logo === "string";
href={href} href={href}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white" class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white">
>
{company} {company}
</a> </a>
) : ( ) : (

8
src/components/project.astro
View File

@@ -11,7 +11,8 @@ const { title, image, url } = Astro.props;
const isRemote = typeof image === "string"; const isRemote = typeof image === "string";
--- ---
<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:border-gray-200 md:p-4 md:dark:border-slate-600"> <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:border-gray-200 md:p-4 md:dark:border-slate-600">
<a href={url} target="_blank" rel="noopener noreferrer" class="shrink-0"> <a href={url} target="_blank" rel="noopener noreferrer" class="shrink-0">
<Image <Image
src={image} src={image}
@@ -19,7 +20,7 @@ const isRemote = typeof image === "string";
inferSize={isRemote} inferSize={isRemote}
width={isRemote ? undefined : 64} width={isRemote ? undefined : 64}
height={isRemote ? undefined : 64} height={isRemote ? undefined : 64}
class="block min-w-[50px] w-[50px] md:w-16 h-[50px] md:h-16 object-contain bg-white rounded" class="block min-w-[50px] w-[50px] md:w-16 h-[50px] md:h-16 object-contain rounded"
loading="lazy" loading="lazy"
/> />
</a> </a>
@@ -29,8 +30,7 @@ const isRemote = typeof image === "string";
href={url} href={url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white" class="font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white">
>
{title} {title}
</a> </a>
<div class="text-sm text-slate-500 dark:text-slate-400 md:text-xs"> <div class="text-sm text-slate-500 dark:text-slate-400 md:text-xs">