|
|
|
@ -1,5 +1,10 @@
|
|
|
|
|
<template>
|
|
|
|
|
<router-link :to="{ name: URL }" :class="`back-button fade-in fast ${theme} `" style="animation-delay: 0.1s;">
|
|
|
|
|
<a v-if="href" :href="'/' + href" :class="`back-button fade-in fast ${theme} `" style="animation-delay: 0.1s;">
|
|
|
|
|
<div class="tile" :style="'background-image: linear-gradient(to right, #'+gradientBegin+' , #'+gradientEnd+'); '">
|
|
|
|
|
<v-icon> WMi-right-open</v-icon>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<router-link v-else :to="{ name: URL }" :class="`back-button fade-in fast ${theme} `" style="animation-delay: 0.1s;">
|
|
|
|
|
<div class="tile" :style="'background-image: linear-gradient(to right, #'+gradientBegin+' , #'+gradientEnd+'); '">
|
|
|
|
|
<v-icon> WMi-right-open</v-icon>
|
|
|
|
|
</div>
|
|
|
|
@ -10,6 +15,7 @@ s
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
URL: { default: "Home" },
|
|
|
|
|
href: { default: null },
|
|
|
|
|
gradientBegin: { default: "eeeeee" },
|
|
|
|
|
gradientEnd: { default: "dadada" },
|
|
|
|
|
theme: { default: "light" },
|
|
|
|
|