Commit 5ca9e3d0 authored by Joel Collins's avatar Joel Collins
Browse files

Moved connect to a tabbed panel

parent fdcc0d52

src/App.vue

+9 −7
Original line number Diff line number Diff line 
<template>

  <div id="app">

    <hostInput/>

    <hostDisplay/>

    <panelLeft/>

  </div>

</template>
@@ -15,15 +14,13 @@ import Icons from 'uikit/dist/js/uikit-icons'; 
UIkit.use(Icons);



// Import components

import hostInput from './components/hostInput.vue'

import hostDisplay from './components/hostDisplay'

import panelLeft from './components/panelLeft.vue'



// Export main app

export default {

  name: 'app',

  components: {

    hostInput,

    hostDisplay

    panelLeft

  }

}

</script>
@@ -38,6 +35,11 @@ export default { 
  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-align: left;

  padding-left: 20px;

  height: 100%

}



body, html {

  height: 100%

}



</style>

src/assets/less/theme.less

+1 −1
Original line number Diff line number Diff line
@@ -71,7 +71,7 @@ 
// Tab

//



@tab-item-padding-horizontal:                   20px;

@tab-item-padding-horizontal:                   10px;

@tab-item-padding-vertical:                     9px;

@tab-item-border-width:                         2px;

@tab-item-font-size:                            12px;

src/components/paneConnect.vue

0 → 100644
+25 −0
Original line number Diff line number Diff line 
<template>

  <div id="paneConnect">

    <hostInput/>

    <hostDisplay/>

  </div>

</template>



<script>

// Import components

import hostInput from './paneConnectComponents/hostInput.vue'

import hostDisplay from './paneConnectComponents/hostDisplay'



// Export main app

export default {

  name: 'paneConnect',

  components: {

    hostInput,

    hostDisplay

  }

}

</script>



<style lang="less">



</style>