Dhaverd/ New-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Изменил кнопки с ссылками

This commit is contained in:
p.belezov 2024-01-31 13:20:19 +08:00
parent 92f7da96a2
commit 2394536d97
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/views/Schedule.vue
View File

@ -16,7 +16,7 @@
<p class="text-h3 ma-5">Ссылочки</p>
<div class="w-100 d-flex justify-center">
<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>
<v-avatar :image="link.image" rounded="0"></v-avatar>
</template>
@ -70,6 +70,12 @@ export default {
height: 100vh;
}
.bg-gradient-noh {
background: linear-gradient(-45deg, #f103b0, #f0a068, #4fdbfeff);
background-size: 200% 200%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0 50%;