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

В расписании заредизайнил список ссылок
Some checks failed
Gitea Actions / Build and deploy (push) Has been cancelled
Details

This commit is contained in:
p.belezov 2024-05-27 09:59:13 +08:00
parent 6411058c45
commit 126656d14e
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/views/Schedule/Links.vue
View File

@ -37,7 +37,7 @@
<div class="w-100 d-flex justify-center"> <div class="w-100 d-flex justify-center">
<v-list :class="isWide ? 'w-66' : 'w-100'"> <v-list :class="isWide ? 'w-66' : 'w-100'">
<v-skeleton-loader v-if="fetching" type="list-item"/> <v-skeleton-loader v-if="fetching" type="list-item"/>
<v-list-item v-else class="ma-5 bg-gradient-noh" elevation="6" v-for="link in links" :href="link.link"> <!-- style="background-color: #E57373; color: #FFFFFF" --> <v-list-item v-else class="ma-5 box-gradient" 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>
@ -53,4 +53,15 @@
background-size: 200% 200%; background-size: 200% 200%;
animation: gradient 15s ease infinite; animation: gradient 15s ease infinite;
} }
.box-gradient {
border: 10px solid transparent;
background: linear-gradient(
#ffffff,
#ffffff) padding-box,
linear-gradient(45deg,
#FF52E5,
#F6D242) border-box;
border-radius: 14px;
}
</style> </style>