26 lines
466 B
Vue
26 lines
466 B
Vue
<template>
|
|
<div id="page-container">
|
|
<div
|
|
id="page-content"
|
|
style="padding: 20px; padding-bottom: 50px; min-height: 100vh"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
/* Page Transition Animation */
|
|
body.page-transition #page-content {
|
|
opacity: 0;
|
|
}
|
|
</style>
|
|
|
|
<style scoped>
|
|
/* Page Transition Animation */
|
|
#page-content {
|
|
opacity: 1;
|
|
transition: opacity 0.3s ease-in-out;
|
|
}
|
|
</style>
|