Mirrors/WebTools-NG
2
0
Fork 0
mirror of https://github.com/WebTools-NG/WebTools-NG synced 2025-03-09 00:37:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

rework of header, removed buefy globaly

Browse source
This commit is contained in:
CPSO 2020-08-22 18:36:52 +02:00
parent 11dc0b3d8b
commit 053931dfd7
5 changed files with 50 additions and 25 deletions

18
package-lock.json generated
View file

@ -2812,14 +2812,14 @@
"optional": true
},
"bootstrap": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.0.tgz",
"integrity": "sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA=="
"version": "4.5.2",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.2.tgz",
"integrity": "sha512-vlGn0bcySYl/iV+BGA544JkkZP5LB3jsmkeKLFQakCOwCM3AOk7VkldBz4jrzSe+Z0Ezn99NVXa1o45cQY4R6A=="
},
"bootstrap-vue": {
"version": "2.15.0",
"resolved": "https://registry.npmjs.org/bootstrap-vue/-/bootstrap-vue-2.15.0.tgz",
"integrity": "sha512-ncxWkDG0mKFVot314wWKJELi+ESO7k6ngV//qvJFs9iVzlFI8Hx3rBVbpcPW2vrJ+0vitH8N2SOwn4fdQ3frMQ==",
"version": "2.16.0",
"resolved": "https://registry.npmjs.org/bootstrap-vue/-/bootstrap-vue-2.16.0.tgz",
"integrity": "sha512-gLETwPmeRHCe5WHmhGxzb5PtTEuKqQPGl0TFvZ2Odbkg/7UuIHdqIexrJRerpnomP4ZzDQ+qYGL91Ls9lcQsJQ==",
"requires": {
"@nuxt/opencollective": "^0.3.0",
"bootstrap": ">=4.5.0 <5.0.0",
@ -4138,9 +4138,9 @@
"dev": true
},
"consola": {
"version": "2.14.0",
"resolved": "https://registry.npmjs.org/consola/-/consola-2.14.0.tgz",
"integrity": "sha512-A2j1x4u8d6SIVikhZROfpFJxQZie+cZOfQMyI/tu2+hWXe8iAv7R6FW6s6x04/7zBCst94lPddztot/d6GJiuQ=="
"version": "2.15.0",
"resolved": "https://registry.npmjs.org/consola/-/consola-2.15.0.tgz",
"integrity": "sha512-vlcSGgdYS26mPf7qNi+dCisbhiyDnrN1zaRbw3CSuc2wGOMEGGPsp46PdRG5gqXwgtJfjxDkxRNAgRPr1B77vQ=="
},
"console-browserify": {
"version": "1.2.0",

4
package.json
View file

@ -18,8 +18,8 @@
"dependencies": {
"@fortawesome/fontawesome-free": "^5.14.0",
"axios": "^0.19.2",
"bootstrap": "^4.5.0",
"bootstrap-vue": "^2.15.0",
"bootstrap": "^4.5.2",
"bootstrap-vue": "^2.16.0",
"buefy": "^0.8.20",
"bulma": "^0.8.2",
"core-js": "^3.6.4",

2
src/App.vue
View file

@ -59,7 +59,7 @@ export default {
#content.collapsed {
padding-left: 50px;
}
#content {
#content{
padding-left: 250px;
transition: 0.3s ease;

45
src/components/layout/Header.vue
View file

@ -1,4 +1,36 @@
<template>
<div>
<b-navbar toggleable="lg" type="dark" variant="dark">
<b-navbar-brand>
<img src="https://placekitten.com/g/48/48" class="d-inline-block align-top" alt="Kitten">
</b-navbar-brand>
<b-navbar-brand>
{{ $t("Common.AppName") }}
</b-navbar-brand>
<b-navbar-nav class="ml-auto">
<b-nav-form>
<b-form-select v-model="selectedOption" :options="pserver" size="sm" class="mr-sm-2" placeholder="servers"></b-form-select >
<b-button size="sm" class="my-2 my-sm-0" type="submit">Reload</b-button>
</b-nav-form>
</b-navbar-nav>
<b-navbar-nav class="ml-auto">
<b-nav-text >Navbar text</b-nav-text>
<img src="https://placekitten.com/g/48/48" class="d-inline-block align-top" alt="Kitten">
</b-navbar-nav>
</b-navbar>
</div>
<!--
<section class="hero is-dark is-small">
<div class="hero-body">
<div class="level">
@ -40,7 +72,8 @@
</div>
</div>
</section>
</section> -->
</template>
<script>
@ -91,13 +124,5 @@ export default {
</script>
<style scoped>
#title {
margin-left: 0.5em;
}
#sync-button{
margin-left: 0.5em;
}
#plexname {
margin-right: 0.5em;
}
</style>

6
src/main.js
View file

@ -7,8 +7,8 @@ import store from './store'
import {wtutils, wtconfig} from './wtutils'
/*Icons - Styling - Design Frameworks - Sidemenu*/
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'
//import Buefy from 'buefy'
//import 'buefy/dist/buefy.css'
import VueSidebarMenu from 'vue-sidebar-menu'
import 'vue-sidebar-menu/dist/vue-sidebar-menu.css'
import '@fortawesome/fontawesome-free/css/all.css'
@ -21,7 +21,7 @@ import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(VueRouter);
Vue.use(Vuex);
Vue.use(VueSidebarMenu)
Vue.use(Buefy);
//Vue.use(Buefy);
Vue.use(BootstrapVue);
Vue.use(BootstrapVueIcons)