35 lines
613 B
Vue
35 lines
613 B
Vue
<template>
|
|
<button class="open-button">OPEN</button>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
// props: {
|
|
// },
|
|
// computed: {
|
|
// }
|
|
};
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
.open-button {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 30%;
|
|
height: 20%;
|
|
background-color: #011949;
|
|
font-size: 1em;
|
|
transition: background-color 0.20s;
|
|
}
|
|
|
|
.open-button:hover {
|
|
background-color: #194398;
|
|
}
|
|
</style> |