You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ui/src/App.vue

45 lines
949 B

<script setup lang="ts">
import { MathStatement } from "./support/parse";
import { MathPage } from "./support/page";
(window as any).Stmt = MathStatement;
(window as any).Pg = MathPage;
</script>
<template>
<v-app>
<v-app-bar height="30" elevation="0">
<div id="nav">
<router-link class="links" to="/">Home</router-link> |
<router-link class="links" to="/scratch">Scratch Testing</router-link> |
<router-link class="links" to="/editor">Editor</router-link>
</div>
</v-app-bar>
<v-main>
<v-card elevation="0" height="h-100">
<router-view />
</v-card>
</v-main>
</v-app>
</template>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
.links {
color: #fff;
}
.links:visited {
color: #fff;
}
</style>