rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Simplified conditional sidebar class

Browse source
This commit is contained in:
Joel Collins 2019-04-25 14:34:39 +01:00
parent 12c7298023
commit df4d99d408
1 changed files with 1 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/App.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div id="app"> <div id="app">
<div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove" margin=0> <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="sidebar-container" v-bind:class="{ 'overlay-panel': this.window.width<850 }" class="uk-padding-remove uk-first-column uk-inline uk-height-1-1">
<div id="overlay-toggle"> <div id="overlay-toggle">
<a href="" class="uk-icon-button uk-box-shadow-small uk-box-shadow-hover-medium action-btn-outline" uk-icon="menu" uk-toggle="target: #left-panel-container; 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: #left-panel-container; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a>
</div> </div>
@ -77,16 +77,6 @@ export default {
this.window.width = window.innerWidth; this.window.width = window.innerWidth;
this.window.height = window.innerHeight; this.window.height = window.innerHeight;
} }
},
computed: {
// Stylises the hostname input box based on connection status
responsivePanelLeft: function () {
return {
//'uk-hidden': this.window.width<850,
'overlay-panel': this.window.width<850
}
}
} }
} }