begain working on themeing

ui
Thomas 2 years ago
parent 59ce598023
commit 2c059a655e

@ -1,4 +1,10 @@
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
export default createVuetify()
export default createVuetify({
theme: {
defaultTheme: 'dark'
}
}
)

@ -1,20 +1,17 @@
<script setup lang="ts">
import Home from './components/Home.vue'
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import HelloWorld from './components/HelloWorld.vue'
import { MathStatement } from './support/parse'
import { MathPage } from './support/page'
(window as any).Stmt = MathStatement
;(window as any).Pg = MathPage
import { MathStatement } from "./support/parse";
import { MathPage } from "./support/page";
(window as any).Stmt = MathStatement;
(window as any).Pg = MathPage;
theme: {
defaultTheme: 'dark'
}
</script>
<template>
<v-app>
<v-app-bar height="30" color="grey-darken-3" elevation="0">
<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> |
@ -23,8 +20,10 @@ import { MathPage } from './support/page'
</v-app-bar>
<v-main>
<v-card elevation="0" height="400px">
<router-view/>
<v-card elevation="0" height="h-100">
<router-view />
</v-card>
</v-main>
</v-app>
@ -42,7 +41,7 @@ import { MathPage } from './support/page'
.links {
color: #fff;
}
.links:visited{
.links:visited {
color: #fff;
}
</style>

@ -0,0 +1,15 @@
<script setup>
</script>
<template>
<v-navigation-drawer width="100" permanent>
</v-navigation-drawer>
<v-main>
</v-main>
</template>
<style>
</style>

@ -13,6 +13,9 @@ const app = createApp(App)
const vuetify = createVuetify({
components,
directives,
theme: {
defaultTheme: 'dark'
}
}) // Replaces new Vuetify(...)
app.use(vuetify)

Loading…
Cancel
Save