jaro/ikea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding sidebar menu transition

Browse Source
This commit is contained in:
Geriano
2022-07-17 11:14:32 +07:00
parent 2d6d8a772a
commit 980b4d26bb
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/js/Components/DashboardLayout/Sidebar.vue
View File

@@ -21,9 +21,22 @@ const fetch = async () => {
fetch() fetch()
</script> </script>
<style scoped>
.op-enter-active, .op-leave-active {
transition: all 50ms ease-in-out;
opacity: 1;
}
.op-enter-from, .op-leave-to {
opacity: 0;
}
</style>
<template> <template>
<div class="flex flex-col w-full h-full bg-inherit"> <div class="flex flex-col w-full h-full bg-inherit">
<transition name="op" mode="in-out">
<Builder v-if="menus.length" :menus="menus" /> <Builder v-if="menus.length" :menus="menus" />
</transition>
</div> </div>
<div class="hidden pl-8"></div> <div class="hidden pl-8"></div>