Improve expansion toggle css

This commit is contained in:
Mattias Granlund 2023-06-17 15:48:32 +01:00
parent c20e8f64f3
commit 6e5feaf4c8

View File

@ -22,21 +22,23 @@
<div <div
class="changed-file flex w-full flex-col justify-center gap-2 overflow-hidden bg-[#2C2C2C] p-2" class="changed-file flex w-full flex-col justify-center gap-2 overflow-hidden bg-[#2C2C2C] p-2"
> >
<button <div class="flex items-center gap-2 font-bold text-zinc-200">
class="flex items-center gap-2 font-bold text-zinc-200" <button
aria-expanded={expanded} class="cursor-pointer p-1"
on:click={() => (expanded = !expanded)} aria-expanded={expanded}
> on:click={() => (expanded = !expanded)}
<div> >
<svg width="16" height="16" viewBox="0 0 20 20" fill="none"> <div>
<path class="vert" d="M10 1V19" stroke="currentColor" stroke-width="2" /> <svg width="16" height="16" viewBox="0 0 20 20" fill="none">
<path d="M1 10L19 10" stroke="currentColor" stroke-width="2" /> <path class="vert" d="M10 1V19" stroke="currentColor" stroke-width="2" />
</svg> <path d="M1 10L19 10" stroke="currentColor" stroke-width="2" />
</div> </svg>
</div>
</button>
<div class="overflow-hidden text-ellipsis whitespace-nowrap"> <div class="overflow-hidden text-ellipsis whitespace-nowrap">
{file.path} {file.path}
</div> </div>
</button> </div>
<div <div
class="hunk-change-container flex flex-col gap-2 rounded" class="hunk-change-container flex flex-col gap-2 rounded"