diff options
| author | eugenijm <eugenijm@protonmail.com> | 2020-07-07 21:43:46 +0300 |
|---|---|---|
| committer | eugenijm <eugenijm@protonmail.com> | 2020-07-08 15:21:31 +0300 |
| commit | fc865d3a129a7d5eabf1490a82eefbdea07e3b47 (patch) | |
| tree | 817e35b593cae1e389165f22e9c0e8b043551c3b /src/components/mobile_nav | |
| parent | ed7310c04b3e36f1256db296784b6240023786a1 (diff) | |
Remove direct style manipulations in favor of classes
Diffstat (limited to 'src/components/mobile_nav')
| -rw-r--r-- | src/components/mobile_nav/mobile_nav.js | 4 | ||||
| -rw-r--r-- | src/components/mobile_nav/mobile_nav.vue | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js index b27ca6f4..cc4d7e38 100644 --- a/src/components/mobile_nav/mobile_nav.js +++ b/src/components/mobile_nav/mobile_nav.js @@ -31,8 +31,8 @@ const MobileNav = { }, hideSitename () { return this.$store.state.instance.hideSitename }, sitename () { return this.$store.state.instance.name }, - navBarStyle () { - return { 'visibility': this.$route.name === 'chat' ? 'hidden' : 'visible' } + isChat () { + return this.$route.name === 'chat' } }, methods: { diff --git a/src/components/mobile_nav/mobile_nav.vue b/src/components/mobile_nav/mobile_nav.vue index 05568b90..e0620fce 100644 --- a/src/components/mobile_nav/mobile_nav.vue +++ b/src/components/mobile_nav/mobile_nav.vue @@ -3,7 +3,7 @@ <nav id="nav" class="nav-bar container" - :style="navBarStyle" + :class="{ 'mobile-hidden': isChat }" > <div class="mobile-inner-nav" |