Commit 6fa77e04 authored by Joel Collins's avatar Joel Collins
Browse files

Updated settings to a navbar layout

parent b871be48

src/App.vue

+5 −0
Original line number Diff line number Diff line
@@ -365,6 +365,11 @@ html { 
  padding: 0;

}



.section-content {

  padding: 0;

  height: 100%;

}



// Style tour

.v-tour__target--highlighted {

  box-shadow: 0px 40px 200px 30px rgba(0, 0, 0, 0.5),

src/components/appContent.vue

+1 −1
Original line number Diff line number Diff line
@@ -113,7 +113,7 @@ 
        :require-connection="false"

        :current-tab="currentTab"

      >

        <settingsContent />

        <settingsContent class="section-content" />

      </tabContent>



      <tabContent

src/components/genericComponents/tabContent.vue

+1 −6
Original line number Diff line number Diff line
@@ -4,7 +4,7 @@ 
    :hidden="currentTab != tabID"

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

  >

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

    <slot></slot>

  </div>

</template>
@@ -37,9 +37,4 @@ export default { 
  line-height: 20px;

  cursor: default;

}



.section-content {

  padding: 0;

  height: 100%;

}

</style>

src/components/genericComponents/tabIcon.vue

+16 −2
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
    @click="setThisTab"

  >

    <slot></slot>

    <div class="tabtitle">

    <div v-if="showTitle" class="tabtitle">

      {{ computedTitle }}

    </div>

  </a>
@@ -27,6 +27,16 @@ export default { 
      required: false,

      default: undefined

    },

    showTitle: {

      type: Boolean,

      required: false,

      default: true

    },

    showTooltip: {

      type: Boolean,

      required: false,

      default: true

    },

    currentTab: {

      type: String,

      required: true
@@ -52,7 +62,11 @@ export default { 
    },



    tooltipOptions: function() {

      if (this.showTooltip) {

        return `pos: right; title: ${this.computedTitle}; delay: 500`;

      } else {

        return false;

      }

    },



    classObject: function() {

src/components/tabContentComponents/settingsContent.vue

+0 −5
Original line number Diff line number Diff line 
<template>

  <!-- Grid managing tab content -->

  <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">

    <div class="control-component">

      <paneStatus />

    </div>

    <div class="view-component uk-width-expand uk-padding-small">

      <settingsDisplay />

    </div>
@@ -11,14 +8,12 @@ 
</template>



<script>

import paneStatus from "../controlComponents/paneStatus";

import settingsDisplay from "../viewComponents/settingsDisplay.vue";



export default {

  name: "NavigateContent",



  components: {

    paneStatus,

    settingsDisplay

  }

};