Skip to content

Commit 06df34f

Browse files
authored
style: wip to #25
1 parent dbdc95b commit 06df34f

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/routes/projects/Projects.svelte

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -29,33 +29,33 @@
2929
</svelte:head>
3030

3131
<div class="mx-auto min-w-fit sm:w-5/6">
32-
<div class="my-6 bg-white rounded shadow-md min-w-fit">
33-
<table class="w-full table-auto">
32+
<div class="my-6 bg-white rounded shadow-md min-w-fit snap-x">
33+
<table class="w-full">
3434
<thead class="border">
3535
<tr class="text-center uppercase bg-gray-100">
36-
<th class="px-2 py-3 sm:w-32">Project</th>
37-
<th class="px-2 py-3">What</th>
38-
<th class="px-2 py-3">Why</th>
39-
<th class="px-2 py-3 sm:w-60">Tech</th>
36+
<th class="px-2 py-3 shrink">Project</th>
37+
<th class="px-2 py-3 shrink">What</th>
38+
<th class="px-2 py-3 min-w-[24rem] grow snap-center">Why</th>
39+
<th class="px-2 py-3 shrink">Tech</th>
4040
</tr>
4141
</thead>
4242
<tbody class="text-sm font-light">
4343
{#each data.projects as project}
44-
<tr>
45-
<td class="px-2 py-3 text-center whitespace-nowrap">
46-
<div class="flex items-center justify-center">
44+
<tr class="hover:bg-gray-50">
45+
<td class="px-2 py-3 text-center">
46+
<div class="flex items-center justify-center shrink sm:whitespace-nowrap">
4747
<a href={project.link}>
4848
<span class="font-medium">{project.name}</span>
4949
</a>
5050
</div>
5151
</td>
52-
<td class="px-2 py-3 text-center">
53-
<div class="flex items-center justify-center">
52+
<td class="px-2 py-3 text-left">
53+
<div class="flex items-center justify-center shrink">
5454
<span>{project.what}</span>
5555
</div>
5656
</td>
57-
<td class="px-2 py-3 text-center">
58-
<div class="flex items-center justify-center">
57+
<td class="px-2 py-3 text-left">
58+
<div class="flex items-center justify-center grow snap-center">
5959
<span>{project.why}</span>
6060
</div>
6161
</td>

0 commit comments

Comments
 (0)