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">
{
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
src={logo}
alt={company}
inferSize={isRemote}
width={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"
/>
</a>
@@ -32,7 +36,7 @@ const isRemote = typeof logo === "string";
inferSize={isRemote}
width={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"
/>
)
@@ -44,8 +48,7 @@ const isRemote = typeof logo === "string";
href={href}
target="_blank"
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}
</a>
) : (

8
src/components/project.astro
View File

@@ -11,7 +11,8 @@ const { title, image, url } = Astro.props;
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">
<Image
src={image}
@@ -19,7 +20,7 @@ const isRemote = typeof image === "string";
inferSize={isRemote}
width={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"
/>
</a>
@@ -29,8 +30,7 @@ const isRemote = typeof image === "string";
href={url}
target="_blank"
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}
</a>
<div class="text-sm text-slate-500 dark:text-slate-400 md:text-xs">