/
rykit
/
XFUNsandbox
Обзор
Документация
Войти
/
rykit
/
XFUNsandbox
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/elements/Button.vue
44 строки
759 B
Иван Якимов
Фикс
27 окт 2023, 23:03
27 окт 2023, 23:03
8958a29
Код
Авторство
О чём код?
<template lang="pug"> .button(class="unselectable") .logo(v-if="logoSource") img .text {{ text }} </template> <script> export default { name: "ButtonComponent", props: { text: { type: String, default: "Кнопка", }, logoSource: { type: String, }, }, }; </script> <style scoped> .button { display: flex; max-width: 526px; min-width: 25vw; background-color: #F2F2F2; padding: 25px 15px; border-radius: 15px; cursor: pointer; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); margin: 20px 0; } .button:hover { filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.25)); filter: brightness(99%); } .button:active { filter: brightness(95%); box-shadow: none; } .text { font-size: 25px; } </style>