41 lines
683 B
Vue
41 lines
683 B
Vue
<template>
|
|
<v-app>
|
|
<v-sheet class="bg-gradient h-100 w-100 d-flex justify-center">
|
|
<Schedule/>
|
|
</v-sheet>
|
|
</v-app>
|
|
</template>
|
|
|
|
<script>
|
|
import Schedule from "./Schedule.vue";
|
|
|
|
export default {
|
|
name: "Welcome",
|
|
components: {Schedule}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.bg-gradient {
|
|
background: linear-gradient(-45deg, #f103b0, #f0a068, #4fdbfeff);
|
|
background-size: 200% 200%;
|
|
animation: gradient 15s ease infinite;
|
|
height: 100vh;
|
|
}
|
|
|
|
@keyframes gradient {
|
|
0% {
|
|
background-position: 0 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0 50%;
|
|
}
|
|
}
|
|
|
|
|
|
</style>
|