initial-commit
This commit is contained in:
25
components/Content.vue
Normal file
25
components/Content.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user