59 lines
1.0 KiB
Vue
59 lines
1.0 KiB
Vue
<template>
|
|
<div id="app">
|
|
<router-view />
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator'
|
|
|
|
@Component({
|
|
name: 'App',
|
|
components: {
|
|
}
|
|
})
|
|
export default class extends Vue {
|
|
created() {
|
|
console.log('main app created')
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss">
|
|
body {
|
|
font-family: 'Oxanium', cursive;
|
|
margin: 0px;
|
|
background: #130933;
|
|
min-width: 320px;
|
|
}
|
|
|
|
input {
|
|
font-family: 'Oxanium', cursive;
|
|
}
|
|
.general-btn {
|
|
height: 64px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-width: 0px;
|
|
background: #3b2a8b;
|
|
cursor: pointer;
|
|
|
|
font-weight: bolder;
|
|
font-family: inherit;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
color: #ffffff;
|
|
clip-path: polygon(5% 0, 95% 0, 100% 25%, 95% 100%, 5% 100%, 0 75%);
|
|
}
|
|
.general-btn:disabled {
|
|
background: #aea9c3 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.general-btn:active:focus {
|
|
opacity: 0.7;
|
|
}
|
|
.general-btn.secondary {
|
|
background: transparent;
|
|
border: 1px white solid;
|
|
}
|
|
</style>
|