ksenia_mikhailova
/
demo-int-table
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

side

This commit is contained in:
Зеленская Анастасия Николаевна 2024-06-28 15:42:26 +03:00
parent f1d1effa7e
commit 2768ee9877
1 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
front/src/components/Promo/sidebar.vue
View File

@ -19,9 +19,10 @@ onClickOutside(sidebar_obj, () => sidebar.close())
<template v-for="p in sidebar.description.split('\n')">
<p>{{ p }}</p>
</template>
<RouterLink :to="`/promo/main/${sidebar.target}`" v-if="sidebar.target">
<RouterLink class="btn" :to="`/promo/main/${sidebar.target}`" v-if="sidebar.target">
{{ sidebar.target_name }}
</RouterLink>
</template>
</div>
</template>
@ -59,5 +60,34 @@ onClickOutside(sidebar_obj, () => sidebar.close())
margin: 1rem 0;
font-size: 1.25rem;
}
.btn {
color: white;
transition: .2s linear;
background: #0B63F6;
padding-top: 5px;
padding-bottom: 7px;
display: block;
text-align: center;
text-decoration: none;
min-width: 300px;
min-height: 60px;
display: inline-flex;
font-family: 'Nunito', sans-serif;
font-size: 22px;
align-items: center;
justify-content: center;
text-transform: uppercase;
letter-spacing: 1.3px;
font-weight: 700;
color: #313133;
background: #4FD1C5;
background: linear-gradient(90deg, rgba(129,230,217,1) 0%, rgba(79,209,197,1) 100%);
border-radius: 1000px;
box-shadow: 12px 12px 24px rgba(79,209,197,.64);
}
.btn:hover {
box-shadow: 0 0 0 2px white, 0 0 0 4px #3C82F8;
}
}
</style>