Commit 02587b5a authored by Joel Collins's avatar Joel Collins
Browse files

Tidied layout

parent 7d05ae25

src/App.vue

+6 −1
Original line number Diff line number Diff line
@@ -3,7 +3,7 @@ 
    <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove" margin=0>

      <div id="sidebar-container" v-bind:class="responsivePanelLeft" class="uk-padding-remove uk-first-column uk-inline uk-height-1-1">

        <div id="overlay-toggle">

          <a href="" class="uk-icon-button" uk-icon="menu" uk-toggle="target: .toggle-hidden; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a>

          <a href="" class="uk-icon-button uk-box-shadow-small uk-box-shadow-hover-medium action-btn-outline" uk-icon="menu" uk-toggle="target: .toggle-hidden; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a>

        </div>

        <div id="left-panel-container" class="toggle-hidden uk-padding-remove uk-card uk-card-default uk-width-auto uk-height-1-1">

          <panelLeft/>
@@ -107,4 +107,9 @@ body, html { 
    top: 24px;

}



.action-btn-outline {

  border: 1px solid lightgray;

}





</style>

src/components/panelDisplay.vue

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

  <div id="panelDisplay" class="uk-flex uk-flex-column uk-margin-remove uk-padding-remove uk-height-1-1">

    <ul class="uk-flex-none uk-flex-center uk-margin-remove-bottom" uk-tab>

    <ul class="uk-flex-none uk-flex-center uk-margin-remove-bottom uk-text-center" uk-tab>

      <li><a href="#" uk-switcher-item="preview" uk-icon="play-circle" uk-tooltip="Live"></a></li>

      <li><a href="#" uk-switcher-item="gallery" uk-icon="image" uk-tooltip="Captures"></a></li>

    </ul>

src/components/panelLeft.vue

+0 −3
Original line number Diff line number Diff line
@@ -30,9 +30,6 @@ export default { 
</script>



<style lang="less">

#panelLeft {

  

}

.uk-tab {

    padding-left: 0;

}