refactor: add opacity to tile action toolbar

BreadGenie · BreadGenie · commit 63b44b9fb47b · 2026-04-13T20:57:15.000+05:30
diff --git a/frontend/src/components/ParticipantTile.vue b/frontend/src/components/ParticipantTile.vue
@@ -83,7 +83,7 @@
 		<!-- Participant action toolbar -->
 		<div
 			v-if="showActionToolbar"
-			class="absolute bottom-2 right-2 flex items-center gap-0.5 rounded-full bg-gray-700 p-0.5 text-white opacity-0 group-hover:opacity-100 transition-opacity ring-1 ring-gray-800"
+			class="absolute bottom-2 right-2 flex items-center gap-0.5 rounded-full bg-gray-700 p-0.5 text-white opacity-0 group-hover:opacity-70 hover:!opacity-100 transition-opacity ring-1 ring-gray-800"
 			@click.stop
 		>
 			<button

Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,7 @@`
`83`	`83`	`<!-- Participant action toolbar -->`
`84`	`84`	`<div`
`85`	`85`	`v-if="showActionToolbar"`
`86`		`- class="absolute bottom-2 right-2 flex items-center gap-0.5 rounded-full bg-gray-700 p-0.5 text-white opacity-0 group-hover:opacity-100 transition-opacity ring-1 ring-gray-800"`
	`86`	`+ class="absolute bottom-2 right-2 flex items-center gap-0.5 rounded-full bg-gray-700 p-0.5 text-white opacity-0 group-hover:opacity-70 hover:!opacity-100 transition-opacity ring-1 ring-gray-800"`
`87`	`87`	`@click.stop`
`88`	`88`	`>`
`89`	`89`	`<button`