corp homepage
This commit is contained in:
31
src/corp/MenuBar.vue
Normal file
31
src/corp/MenuBar.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<v-app-bar scroll-behavior="hide" scroll-threshold="1">
|
||||
<!-- <v-app-bar-nav-icon @click="s.nav=!s.nav" icon="mdi-plus"/>-->
|
||||
|
||||
<v-app-bar-title>
|
||||
<span class="logo d-flex mb-1 align-center w-100">
|
||||
<span class="arrow align-self-start"><v-icon icon="mdi-arrow-up-bold" :color="theme.colors.success"/></span>
|
||||
<span class="logo">dexorder</span>
|
||||
</span>
|
||||
</v-app-bar-title>
|
||||
|
||||
<v-btn prepend-icon="mdi-arrow-up-bold" variant="tonal" color="primary" @click="openApp">Launch App</v-btn>
|
||||
|
||||
</v-app-bar>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {useTheme} from "vuetify";
|
||||
|
||||
const theme = useTheme().current
|
||||
|
||||
function openApp() {
|
||||
window.open('https://alpha.dexorder.trade/', 'dexorderapp')
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.arrow {
|
||||
font-size: 22px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user