Изменил кнопки с ссылками
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