Изменил кнопки с ссылками
This commit is contained in:
parent
92f7da96a2
commit
2394536d97
|
@ -16,7 +16,7 @@
|
||||||
<p class="text-h3 ma-5">Ссылочки</p>
|
<p class="text-h3 ma-5">Ссылочки</p>
|
||||||
<div class="w-100 d-flex justify-center">
|
<div class="w-100 d-flex justify-center">
|
||||||
<v-list class="w-66">
|
<v-list class="w-66">
|
||||||
<v-list-item class="ma-5" style="background-color: #1976D2; color: #FFFFFF" elevation="6" v-for="link in links" :href="link.link">
|
<v-list-item class="ma-5 bg-gradient-noh" elevation="6" v-for="link in links" :href="link.link"> <!-- style="background-color: #E57373; color: #FFFFFF" -->
|
||||||
<template v-slot:prepend>
|
<template v-slot:prepend>
|
||||||
<v-avatar :image="link.image" rounded="0"></v-avatar>
|
<v-avatar :image="link.image" rounded="0"></v-avatar>
|
||||||
</template>
|
</template>
|
||||||
|
@ -70,6 +70,12 @@ export default {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-gradient-noh {
|
||||||
|
background: linear-gradient(-45deg, #f103b0, #f0a068, #4fdbfeff);
|
||||||
|
background-size: 200% 200%;
|
||||||
|
animation: gradient 15s ease infinite;
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes gradient {
|
@keyframes gradient {
|
||||||
0% {
|
0% {
|
||||||
background-position: 0 50%;
|
background-position: 0 50%;
|
||||||
|
|
Loading…
Reference in New Issue