bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-04-27 17:41:21 +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
Show stats 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; let { logo, title, description, languages, license, year } = projectsItem;
</script> </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"> <Card.Header class="grid grid-cols-[1fr_72px] items-start gap-4 space-y-0">
<div class="space-y-1"> <div class="space-y-1">
<Card.Title tag="h2" class="mb-2">{title}</Card.Title> <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'; import projects from '$lib/content/projects';
</script> </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} {#each projects as project}
{#if project.url} {#if project.url}
<a href={project.url} target="_blank"> <a href={project.url} target="_blank">

2
src/routes/projects/+page.ts
View file

@ -2,7 +2,7 @@
export function load() { export function load() {
return { return {
name: `Projects`, name: `Projects`,
title: `Projects Ive realized`, title: `Projects I've realized`,
subTitle: `Explore some of the projects I worked on in the past.` subTitle: `Explore some of the projects I worked on in the past.`
}; };
} }