trafficlunar/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: make projects border orange on hover

Browse source
This commit is contained in:
trafficlunar 2025-06-07 21:22:59 +01:00
parent 59ca5a81ea
commit aae1499dba
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Projects.svelte
View file

@ -37,7 +37,7 @@
<div class="grid grid-cols-2 gap-4 max-sm:grid-cols-1"> <div class="grid grid-cols-2 gap-4 max-sm:grid-cols-1">
{#each projects as project} {#each projects as project}
<a href={project.url} class="group"> <a href={project.url} class="group">
<section class="h-full flex flex-col"> <section class="h-full flex flex-col transition-colors group-hover:!border-peach/50">
<h1 class="font-medium text-xl mb-1 text-nowrap overflow-hidden text-ellipsis w-11/12" title={project.name}>{project.name}</h1> <h1 class="font-medium text-xl mb-1 text-nowrap overflow-hidden text-ellipsis w-11/12" title={project.name}>{project.name}</h1>
<p class="mb-4 text-sm text-subtext0">{project.description}</p> <p class="mb-4 text-sm text-subtext0">{project.description}</p>