updated accounts page: transition the store details when opening

templates/pages/accounts/{acctID.int64}/index.html.tmpl

@@ -68,7 +68,29 @@
 			{{- define "shop-list-entry" }}
 				{{/* .Platform, .AccountID */}}
 			<li class="my-[1rem] rounded-lg bg-accent">
-				<details class="group">
+				<details
+					class="
+						group
+
+						details-content:opacity-[0]
+						open:details-content:opacity-[1]
+
+						details-content:transform-[translate(0px,-2em)]
+						open:details-content:transform-[translate(0px,0px)]
+
+						details-content:border-transparent
+						open:details-content:border-dotted
+						open:details-content:border-x-[0px]
+						open:details-content:border-x-transparent
+						open:details-content:border-b-[0px]
+						open:details-content:border-b-transparent
+						open:details-content:border-t-background
+						open:details-content:border-t-[0.25rem]
+						details-content:outline-transparent
+
+						details-content:transition-[opacity_transform]
+					"
+				>
 					<summary class="
 						list-none
 						p-[1em]
@@ -79,10 +101,12 @@
 						after:text-[2em]
 						after:leading-[1em]
 						cursor-pointer
+					">
+						{{/*
 						group-open:border-b-background
 						group-open:border-b-[0.25rem]
 						border-dotted
-					">
+						*/}}
 						<h3 class="inline-block">{{.Platform}}</h3>
 					</summary>