make tips chevron rotate with transition

3 years ago · 50c1feb2fc
1 changed files with 4 additions and 5 deletions
--- a/app/components/app-tips.imba
+++ b/app/components/app-tips.imba
@ -70,11 +70,10 @@ tag app-tips
 					if show_more
 						css rd:0
-					css svg w:15px
+					<svg src="../assets/chevron-down.svg">
-					if show_more
+						css w:15px transition:transform 150ms
-						<svg src="../assets/chevron-down.svg">
+						if show_more
-					else
+							css transform:rotate(180deg)
 						<svg src="../assets/chevron-up.svg">
 				<.more>
 					css d:flex fld:column gap:15px