Commit 3679a0f9 authored by Joel Collins's avatar Joel Collins
Browse files

Replaced navigation with a single universal tab bar

parent be4362ff

src/App.vue

+25 −12
Original line number Diff line number Diff line 
<template>

  <div id="app" :class="handleTheme">

    <!-- Grid managing whole app -->

  <div

      uk-grid

    id="app"

    class="uk-height-1-1 uk-margin-remove uk-padding-remove"

      margin="0"

    :class="handleTheme"

  >

    <panelLeft />

      <panelRight />

    </div>

  </div>

</template>



<script>

// Import components

import panelLeft from "./components/panelLeft.vue";

import panelRight from "./components/panelRight.vue";



// Export main app

export default {

  name: "App",



  components: {

    panelRight,

    panelLeft

  },
@@ -131,4 +125,23 @@ html { 
  pointer-events: none;

  opacity: 0.4;

}



.control-component {

  overflow-y: auto;

  overflow-x: hidden;

  width: 300px;

  height: 100%;

  padding: 0;

  background-color: rgba(180, 180, 180, 0.055);

  border-width: 0 1px 0 0;

  border-style: solid;

  border-color: rgba(180, 180, 180, 0.25);

}



.view-component {

  overflow-y: auto;

  overflow-x: hidden;

  height: 100%;

  padding: 0;

}

</style>

src/components/controlComponents/paneCapture.vue

+1 −1
Original line number Diff line number Diff line 
<template>

  <div id="paneCapture">

  <div id="paneCapture" class="uk-padding-small">

    <div>

      <label class="uk-form-label" for="form-stacked-text">Filename</label>

      <input

src/components/controlComponents/paneNavigate.vue

+1 −1
Original line number Diff line number Diff line 
<template>

  <div id="paneNavigate">

  <div id="paneNavigate" class="uk-padding-small">

    <div v-if="setPosition">

      <ul uk-accordion="multiple: true; animation: false">

        <li>

src/components/controlComponents/paneStatus.vue

+1 −1
Original line number Diff line number Diff line 
<template>

  <div class="host-input">

  <div class="host-input uk-padding-small">

    <div v-if="configuration && $store.getters.ready">

      <div>

        <div class="uk-margin-small-bottom">

src/components/genericComponents/tabContent.vue

+4 −5
Original line number Diff line number Diff line
@@ -2,9 +2,8 @@ 
  <div

    v-if="!(requireConnection && !$store.getters.ready)"

    :hidden="currentTab != id"

    class="uk-width-expand"

    class="uk-width-expand uk-height-1-1"

  >

    <div class="section-heading">{{ id }}</div>

    <div class="section-content"><slot></slot></div>

  </div>

</template>
@@ -39,8 +38,8 @@ export default { 
  cursor: default;

}



.section-content,

.section-heading {

  padding: 9px 10px;

.section-content {

  padding: 0;

  height: 100%;

}

</style>