28 lines
1.5 KiB
Vue
28 lines
1.5 KiB
Vue
<template>
|
|
<section class="mt-16 hidden lg:w-[19rem] xl:w-[26rem] 2xl:w-[32rem] overflow-y-auto lg:block pr-5 2xl:pr-28">
|
|
<div class=" bg-indigo-200 shadow-classic rounded-md p-5">
|
|
<span class="block text-white font-medium">Лидеры</span>
|
|
<div class="mt-5 space-y-5">
|
|
<div class="flex items-center">
|
|
<div class="flex-shrink-0 mr-2 md:mr-4">
|
|
<div class="w-10 h-10 md:w-14 md:h-14 rounded-full bg-cover bg-center" style="background-image: url('/image/card1.jpg');"></div>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<a href="#" class="hover:underline text-sm md:text-base block text-white">Андрей Гаврилов</a>
|
|
<span class="text-xs text-gray-light">Фотограф, музыкант</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<div class="flex-shrink-0 mr-2 md:mr-4">
|
|
<div class="w-10 h-10 md:w-14 md:h-14 rounded-full bg-cover bg-center" style="background-image: url('/image/card3.jpg');"></div>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<a href="#" class="hover:underline text-sm md:text-base block text-white">Владислав Сергеев</a>
|
|
<span class="text-xs text-gray-light">Дизайнер</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|