patrick/2eInk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center arrow in sizing illustration

Browse Source 
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Patrick Jaroszewski
2026-05-14 09:09:00 -04:00
parent 8b19bd7e1b
commit 7961dbfe39
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/+page.svelte
View File

@@ -365,7 +365,7 @@
</p> </p>
</div> </div>
<div class="flex-shrink-0 order-1 lg:order-2"> <div class="flex-shrink-0 order-1 lg:order-2">
<div class="flex gap-4 items-end"> <div class="flex gap-4 items-center">
<!-- Mismatched size --> <!-- Mismatched size -->
<div class="text-center"> <div class="text-center">
<div class="w-16 h-24 rounded border-2 border-dashed border-grey-300 flex items-center justify-center bg-grey-50"> <div class="w-16 h-24 rounded border-2 border-dashed border-grey-300 flex items-center justify-center bg-grey-50">
@@ -374,7 +374,7 @@
<p class="text-xs text-grey-400 mt-2">Wrong size</p> <p class="text-xs text-grey-400 mt-2">Wrong size</p>
</div> </div>
<!-- Arrow --> <!-- Arrow -->
<div class="text-grey-300 pb-6"> <div class="text-grey-300 -mt-6">
<ArrowDown class="w-5 h-5 rotate-[-90deg]" /> <ArrowDown class="w-5 h-5 rotate-[-90deg]" />
</div> </div>
<!-- Perfect size --> <!-- Perfect size -->