From 6d30b86257bfa03bce6ca88347cabcdd91c322d0 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Wed, 11 Nov 2020 18:08:54 -0500
Subject: [PATCH] Fix detail showing up on desktop

---
 app/src/components/v-drawer/v-drawer.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/src/components/v-drawer/v-drawer.vue b/app/src/components/v-drawer/v-drawer.vue
index 51d8c6c012..dce4270e6a 100644
--- a/app/src/components/v-drawer/v-drawer.vue
+++ b/app/src/components/v-drawer/v-drawer.vue
@@ -42,8 +42,8 @@
 						<template #title:append><slot name="header:append" /></template>
 					</header-bar>
 
-					<v-detail class="mobile-sidebar" :label="sidebarLabel">
-						<nav v-if="$slots.sidebar">
+					<v-detail v-if="$slots.sidebar" class="mobile-sidebar" :label="sidebarLabel">
+						<nav>
 							<slot name="sidebar" />
 						</nav>
 					</v-detail>
@@ -213,5 +213,9 @@ body {
 		background-color: var(--background-subdued);
 		border-radius: var(--border-radius);
 	}
+
+	@include breakpoint(medium) {
+		display: none;
+	}
 }
 </style>