Niko/FanucWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial Commit

Browse Source
This commit is contained in:
Niko Feith 2023-02-14 17:26:32 +01:00
parent 7bdf0f2eee
commit a2110c8594
5 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ActiveBOWeb/index.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/CPS_White.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>Vite App</title>
</head> </head>

1
ActiveBOWeb/package.json
View File

@ -14,6 +14,7 @@
"pinia": "^2.0.30", "pinia": "^2.0.30",
"roslib": "^1.3.0", "roslib": "^1.3.0",
"vue": "^3.2.45", "vue": "^3.2.45",
"vue-resource": "^1.5.3",
"vuetify": "^3.1.4" "vuetify": "^3.1.4"
}, },
"devDependencies": { "devDependencies": {

BIN
ActiveBOWeb/public/CPS_White.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

10
ActiveBOWeb/src/components/TopBar.vue
View File

@ -33,5 +33,13 @@ const changeRosColor = () => {
</script> </script>
<style scoped> <style scoped>
.cps-image{
left: 8px;
max-width: 48px;
max-height: 48px;
}
.image-divider{
position: absolute;
left: 64px;
}
</style> </style>

8
ActiveBOWeb/src/main.ts
View File

@ -4,8 +4,10 @@ import { createApp } from "vue";
import { createPinia } from "pinia"; import { createPinia } from "pinia";
// Vuetify // Vuetify
import 'vuetify/dist/vuetify.css'; import 'vuetify/styles'
import { createVuetify } from 'vuetify'; import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import '@mdi/font/css/materialdesignicons.css' import '@mdi/font/css/materialdesignicons.css'
@ -16,6 +18,8 @@ const vuetify = createVuetify({
theme: { theme: {
defaultTheme: 'dark', defaultTheme: 'dark',
}, },
components,
directives,
}); });
const app = createApp(App); const app = createApp(App);