From 298f47a280035b8a400f91be784842883a934aa6 Mon Sep 17 00:00:00 2001
From: Peaceultime <clem31470@gmail.com>
Date: Thu, 5 Dec 2024 13:04:01 +0100
Subject: [PATCH] Add callout icons and fix some CSS

---
 components/prose/ProseCallout.vue |  40 +++++++++++++++---------------
 db.sqlite                         | Bin 569344 -> 569344 bytes
 db.sqlite-shm                     | Bin 32768 -> 32768 bytes
 db.sqlite-wal                     | Bin 8272 -> 57712 bytes
 4 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/components/prose/ProseCallout.vue b/components/prose/ProseCallout.vue
index dc34a8d..c29c483 100644
--- a/components/prose/ProseCallout.vue
+++ b/components/prose/ProseCallout.vue
@@ -1,14 +1,14 @@
 <template>
-	<CollapsibleRoot :disabled="fold === undefined" :defaultOpen="fold === true || fold === undefined" class="overflow-hidden my-4 p-3 ps-6 bg-blend-lighten !bg-opacity-25 border-l-4 inline-block pe-8 bg-light-blue dark:bg-dark-blue" :data-type="type">
+	<CollapsibleRoot :disabled="fold === undefined" :defaultOpen="fold === true || fold === undefined" class="callout group overflow-hidden my-4 p-3 ps-4 bg-blend-lighten !bg-opacity-25 border-l-4 inline-block pe-8 bg-light-blue dark:bg-dark-blue" :data-type="type">
 		<CollapsibleTrigger asChild>
-			<div :class="{ 'cursor-pointer': fold !== undefined }">
-				<Icon icon="caret-left" v-if="fold !== undefined" :class="{ '-rotate-90': fold }" class="transition-transform" />
+			<div :class="{ 'cursor-pointer': fold !== undefined }" class="flex flex-row items-center justify-start ps-2">
 				<Icon :icon="calloutIconByType[type] ?? defaultCalloutIcon" class="w-6 h-6 stroke-2 float-start me-2" />
-				<span v-if="title" class="block font-bold ps-8">{{ title }}</span>
+				<span v-if="title" class="block font-bold">{{ title }}</span>
+				<Icon icon="radix-icons:caret-right" v-if="fold !== undefined" class="transition-transform group-data-[state=open]:rotate-90 w-6 h-6 mx-6" />
 			</div>
 		</CollapsibleTrigger>
-        <CollapsibleContent class="overflow-hidden data-[state=closed]:animate-[collapseClose_0.2s_ease-in-out] data-[state=open]:animate-[collapseOpen_0.2s_ease-in-out]">
-			<div class="mt-2 font-semibold">
+        <CollapsibleContent class="overflow-hidden data-[state=closed]:animate-[collapseClose_0.2s_ease-in-out] data-[state=open]:animate-[collapseOpen_0.2s_ease-in-out] data-[state=closed]:h-0">
+			<div class="px-2">
 				<slot />
 			</div>
         </CollapsibleContent>
@@ -17,21 +17,21 @@
 
 <script lang="ts">
 const calloutIconByType: Record<string, string> = {
-	note: '',
-	abstract: '',
-	info: '',
-	todo: '',
-	tip: '',
-	success: '',
-	question: '',
-	warning: '',
-	failure: '',
-	danger: '',
-	bug: '',
-	example: '',
-	quote: '',
+	note: 'radix-icons:pencil-1',
+	abstract: 'radix-icons:file-text',
+	info: 'radix-icons:info-circled',
+	todo: 'radix-icons:check-circled',
+	tip: 'radix-icons:star',
+	success: 'radix-icons:check',
+	question: 'radix-icons:question-mark-circled',
+	warning: 'radix-icons:exclamation-triangle',
+	failure: 'radix-icons:cross-circled',
+	danger: 'radix-icons:circle-backslash',
+	bug: 'solar:bug-linear',
+	example: 'radix-icons:list-bullet',
+	quote: 'radix-icons:quote',
 };
-const defaultCalloutIcon = '';
+const defaultCalloutIcon = 'radix-icons:info-circled';
 </script>
 
 <script setup lang="ts">
diff --git a/db.sqlite b/db.sqlite
index e3f01b20c3e38d82b6b6876d8ea06ac207d0be35..36ccc3d73f6776e7c16868a92237384ec0fccfba 100644
GIT binary patch
delta 202
zcmZp8pw#d{X#-0D7bE{A2L4O@W&CBE6&2F?Czr<SvoSC*#Bj1qzMZe)knZzPQHPNw
zl#|86AUQ21&D=uQ*gPds*TlfoT-PGaI7v6jz}zAw$;`kqB{3yEu*Z@MsGE`hIs^Z8
z{wDq=prIxFlbiCjSb)MIlQ-n6X)$O3jpHQ7xJ?Cr_*sBPayB)zH88d{Fts%>w>7Y|
RHL$idu(dU?FKgg1005F-Iurl^

delta 133
zcmZp8pw#d{X#-0D7c+ku1OF2KOZ;V<6&2F?Czr<Sv*@s}gic-&ug%KJ63WRkd1Jnc
zP`dBx^;`@L49xsZ4E$^Oukkklm6z~OZpznU(FCfRydhtW6~thiyeeLWk!4fCAAS~p
imTMeM4Q&mKZ4FFq4a{u~ENu;}Z4GQ~4eZMrI1B(#p(rK*

diff --git a/db.sqlite-shm b/db.sqlite-shm
index 1539d2e346d25a57b3a4e29aac539c605667bcce..e5163194d43904cd87aef3e736f7d90c9a8a5408 100644
GIT binary patch
delta 227
zcmZo@U}|V!s+V}A%K!p=K+MR%AONDffjF}0)3pbaA|=x9JutKoGo5@k-n{NLM@<N+
z>VZaq0m$6{NB}B4v7XnE1IT6rVxsAd6U_s885x)vSQ*$EI2pJZcsEXb&&tchzydUf
PgMo{Ihk<Y7L}m>Dkj*gY

delta 158
zcmZo@U}|V!s+V}A%K!q55G=q1q`QHby}a;%Qu&cd%Tj_<tXp_)9J?g+&-;=@Evf2(
nMu7py-2X@bDm<~CmyvzrLF2%Q7fcu#Hy-@U#K^SqAg?w6ahNfV

diff --git a/db.sqlite-wal b/db.sqlite-wal
index 0aadaf7405cddb7e06257ed8cffe11fb85c5adb7..de767733c1612fe73bdaf2315ae82a03a634cadc 100644
GIT binary patch
literal 57712
zcmeI&KWGzC0D$pJiJ<|TtAeF*Xcb&6y?V(dxx1wW@gFEiAQ4LAkjv#FiYS7`3`G&0
zbg@c1WKtKmZX)7rjZ2|J!9^2Wr-V{nbdci9pl}3I2nH_6cW{BbTypn*?@h<2-woWC
zl&_<bG%PhX=W``ujKrS?R;$J2*4ia;Dj@bpf6u=!t(D%6oH;NgPWt3^NnV%d<#}<y
zh5!NxAb<b@2q1s}0tg_000RF<K$#5q(?P#&<#jb?WfjMaI7-aO<`gp$%PVFyVI_=2
zRLw;bg^T_Tanp>rI;uzXn5HTDye_U*<Bnow^|)fhwU}w<HN!T|!iDP5Nnhi?4K?T3
zj&3NLZf6@;>x$uMmSU;8VOt5+w6k_0`M4_ndr<8E-V3B&JU6w&KleA@3k=9rN!}43
zYzQEL00IagfB*srAb<b@2q4g%0z(7)B)@;KaPIm+v4=yx#-Xop_GGB>S|BI}<?02-
ze;uj4oY<YA7wFFE=BW`t009ILKmY**5I_I{1iC=LJH5cB&~o(xw@)R*_rA-E^a5S5
zj(9`_5I_I{1Q0*~0R#|0009K{5@^{AY&P`*SEm-{cFH#w=mqwI<$DAWKmY**5I_I{
z1Q0*~0R-9<@J=sK7b9@>0_yKzxVC-l3cWy^bIZ>VKmY**5I_I{1Q0*~0R#~6l0eH|
zpx)FAY^@B}rXP%*rx)<jB=Rf>Ab<b@2q1s}0tg_000KQF;GJGzTe!M<fr%SsbL#cO
z5WPT8tvCjQ00IagfB*srAb<b@2q4g}0xf%i?WSHJ`)#EZ9>08?UZ7tW4C6)s0R#|0
z009ILKmY**5a_soXL^C9lo+e47r0X|7N0Gj@Y4%)d=+p51Q0*~0R#|0009ILKmY**
zIxo<w7g$O)^#Wh))7L6*J}lD<bbe~M0|E#jfB*srAb<b@2q1t!p9*-V7f6d4aP<PK
zX8F^T>6wr80)4tR88!k4Ab<b@2q1s}0tg_0KyL}O>;=+Iy}&EgnHzhTIYckeTg!ma
zAb<b@2q1s}0tg_000IbjNWeS2Kt`yzdV!4}w`NCY7c2Av9$GIv3IYfqfB*srAb<b@
Q2q1s}0__U4>;*ExKdBzRA^-pY

delta 239
zcmexxi1~tpn|VE36NBy}2?hoM1`t@55}ab)!gIsYDt+fky~8tsLTt$5J$IcoG@tt}
z;spr;weXjL;O0bubpFX}`Qw6FSwcBkEDa4zOp^>Pbj=M@Om$6CQcZL%Qw_~^jgn2w
z(h^fm5|dNX(tTI22O7Z+#N9AU4-}TOPdZYr#04|Fi601ohL`ZOY61;roV<l!#Q@}<
U5JqC`U<InwVx0VlUxkqc0QB}gkN^Mx