add click effect

This commit is contained in:
Jeffrey Hsu 2025-02-12 01:42:17 +08:00
parent a567454392
commit d91b7fc013

View File

@ -60,12 +60,12 @@ onMounted(() => {
:class="{ 'w-full': expendMenu }" :class="{ 'w-full': expendMenu }"
> >
<div <div
class="m-2 flex h-11 w-11 flex-col items-center justify-center gap-1 rounded-md transition-all hover:bg-gray-400/20" class="m-2 flex h-11 w-11 flex-col items-center justify-center gap-1 rounded-md transition-all hover:bg-gray-400/20 group"
@click="handleMenuExpend" @click="handleMenuExpend"
> >
<div class="w-4 border-b" /> <div class="w-4 border-b group-active:w-2.5 transition-all" />
<div class="w-4 border-b" /> <div class="w-4 border-b group-active:w-2.5 transition-all" />
<div class="w-4 border-b" /> <div class="w-4 border-b group-active:w-2.5 transition-all" />
</div> </div>
<div <div
v-for="(item, index) in asideMenu" v-for="(item, index) in asideMenu"