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

chore: amendments on mobile layout

Browse Source
This commit is contained in:
Marios Antonoudiou
2023-12-06 22:58:43 +02:00
parent ecdcf36acd
commit f666c7e782
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/project.vue
View File

@@ -11,14 +11,14 @@ const props = defineProps<Props>();
<template>
<div
class="flex overflow-auto gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:p-4"
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"
>
<ULink :to="props.url" target="_blank">
<NuxtImg
placeholder
:src="props.image"
:alt="props.title"
class="block w-16 h-16"
class="block min-w-[50px] w-[50px] md:w-16 h-[50px] md:h-16"
/>
</ULink>
<div class="grid row-span-3 gap-2">
@@ -29,11 +29,11 @@ const props = defineProps<Props>();
target="_blank"
>{{ props.title }}</ULink
>
<div class="text-xs text-slate-600">
<div class="text-sm text-slate-500 md:text-xs">
<slot name="subtitle"></slot>
</div>
</div>
<div class="text-sm md:block hidden">
<div class="text-sm md:block text-gray-600 hidden">
<slot name="description">Lorem ipsum dorcet sit amet</slot>
</div>
</div>