```
All checks were successful
Build and Push Docker Image / build (push) Successful in 24s

Improve styling and data consistency across components

- Added `whitespace-nowrap` to Badge component for better layout control.
- Changed JobCard list styling to `list-outside` and adjusted tag scrolling.
- Updated project titles and tags in rannesDevData for accuracy.
```
This commit is contained in:
christian 2025-05-06 01:08:13 +02:00
parent 3b7f280223
commit da5c533d30
3 changed files with 7 additions and 7 deletions

View File

@ -2,6 +2,6 @@
let { children } = $props();
</script>
<div class="rounded-full bg-gray-200 px-2 py-1 text-sm text-gray-600">
<div class="rounded-full bg-gray-200 px-2 py-1 text-sm whitespace-nowrap text-gray-600">
{@render children()}
</div>

View File

@ -24,12 +24,12 @@
{jobDescription}
</p>
<h3 class="mt-6 text-xl md:text-2xl">Accomplishments</h3>
<ul class="mt-4 list-inside list-disc">
<ul class="mt-4 list-outside list-disc">
{#each accomplishments as accomplishment, i (i)}
<li class="mt-4 md:text-xl">
<span class="underline md:no-underline">{accomplishment.title}</span>
<p class="mt-1 ml-4 text-base md:mt-2 md:ml-5">{accomplishment.description}</p>
<div class="mt-2 ml-5 flex gap-2">
<p class="mt-1 text-base md:mt-2">{accomplishment.description}</p>
<div class="mt-2 flex gap-2 overflow-x-scroll">
{#each accomplishment.tags as tag, i (`${tag}-${i}`)}
<Badge>{tag}</Badge>
{/each}

View File

@ -5,13 +5,13 @@ export const rannesDescription =
export const rannesAccomplish: Accomplishment[] = [
{
title: 'Developed, Deployed and maintaining Calma.dk',
title: 'Developed, Deployed and maintaining calmacph.dk',
description:
'The web page is developed in Svelte with integrated CMS (Sanity.io) which allows the client to customize all text, and menus on the page. I also wrote a program in Golang which parses their winelist from an excel sheet (their stock take list), and uploads it to a s3 bucket from where its served to the user on the web page. This enables the client to make instant changes to their website, including their winelist. The page is built mobile first, and scales for all devices. It is deployed to my k3s cluster in hetzner',
tags: ['Svelte', 'Sveltekit', 'AWS', 'k3s', 'Object Storage', 'CMS']
tags: ['Svelte', 'Sveltekit', 'AWS', 'k3s', 'S3', 'CMS']
},
{
title: 'Developed, deployed and maintaining Sauerwine.dk',
title: 'Developed, deployed and maintaining sauerwine.dk',
description:
'The web page is developed in Svelte and integrated with CMS (Sanity.io) so the client can change all text content on the web page. It is deployed to my k3s cluster in hetzner.',
tags: ['Svelte', 'Sveltekit', 'k3s', 'CMS']