begain working on themeing
This commit is contained in:
parent
59ce598023
commit
2c059a655e
@ -1,4 +1,10 @@
|
|||||||
import 'vuetify/styles'
|
import 'vuetify/styles'
|
||||||
import { createVuetify } from 'vuetify'
|
import { createVuetify } from 'vuetify'
|
||||||
|
|
||||||
export default createVuetify()
|
export default createVuetify({
|
||||||
|
theme: {
|
||||||
|
defaultTheme: 'dark'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
)
|
||||||
|
29
src/App.vue
29
src/App.vue
@ -1,20 +1,17 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import Home from './components/Home.vue'
|
import { MathStatement } from "./support/parse";
|
||||||
// This starter template is using Vue 3 <script setup> SFCs
|
import { MathPage } from "./support/page";
|
||||||
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
|
(window as any).Stmt = MathStatement;
|
||||||
import HelloWorld from './components/HelloWorld.vue'
|
(window as any).Pg = MathPage;
|
||||||
import { MathStatement } from './support/parse'
|
|
||||||
import { MathPage } from './support/page'
|
theme: {
|
||||||
(window as any).Stmt = MathStatement
|
defaultTheme: 'dark'
|
||||||
;(window as any).Pg = MathPage
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<v-app>
|
<v-app>
|
||||||
<v-app-bar height="30" color="grey-darken-3" elevation="0">
|
<v-app-bar height="30" elevation="0">
|
||||||
<div id="nav">
|
<div id="nav">
|
||||||
<router-link class="links" to="/">Home</router-link> |
|
<router-link class="links" to="/">Home</router-link> |
|
||||||
<router-link class="links" to="/scratch">Scratch Testing</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-app-bar>
|
||||||
|
|
||||||
<v-main>
|
<v-main>
|
||||||
<v-card elevation="0" height="400px">
|
|
||||||
<router-view/>
|
<v-card elevation="0" height="h-100">
|
||||||
|
<router-view />
|
||||||
|
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-main>
|
</v-main>
|
||||||
</v-app>
|
</v-app>
|
||||||
@ -42,7 +41,7 @@ import { MathPage } from './support/page'
|
|||||||
.links {
|
.links {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.links:visited{
|
.links:visited {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
</style>
|
</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({
|
const vuetify = createVuetify({
|
||||||
components,
|
components,
|
||||||
directives,
|
directives,
|
||||||
|
theme: {
|
||||||
|
defaultTheme: 'dark'
|
||||||
|
}
|
||||||
}) // Replaces new Vuetify(...)
|
}) // Replaces new Vuetify(...)
|
||||||
app.use(vuetify)
|
app.use(vuetify)
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user