website/components/Input.vue
2023-04-16 20:12:24 +03:00

28 lines
455 B
Vue

<template>
<input v-on:keyup="keyup" :placeholder="placeholder" :type="type">
</template>
<script>
export default {
props:["keyup", "placeholder", "type"]
}
</script>
<style scoped>
input {
width: 500px;
font-size: 25px;
padding: 20px;
border-radius: 20px;
background: var(--dark-two);
border: none;
color: white;
outline: none;
transition: .4s;
}
input:focus {
box-shadow: var(--def-shadow);
}
</style>