bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-10-31 12:19:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: use flex layout

Browse source
This commit is contained in:
Bart van der Braak 2024-01-23 19:10:02 +01:00
parent 1fa52b84c1
commit 9624ec2cc2
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/site/projects/projects-item.svelte
View file

@ -8,7 +8,7 @@
let { logo, title, description, languages, license, year } = projectsItem;
</script>
<Card.Root class="hover:bg-muted/50">
<Card.Root class="mb-6 inline-block hover:bg-muted/50">
<Card.Header class="grid grid-cols-[1fr_72px] items-start gap-4 space-y-0">
<div class="space-y-1">
<Card.Title tag="h2" class="mb-2">{title}</Card.Title>

2
src/lib/components/site/projects/projects.svelte
View file

@ -3,7 +3,7 @@
import projects from '$lib/content/projects';
</script>
<div class="col-span-2 grid items-start gap-6 lg:col-span-2 lg:grid-cols-2">
<div class="w-full columns-1 gap-6 md:columns-2">
{#each projects as project}
{#if project.url}
<a href={project.url} target="_blank">