<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>