From ae00ed064f554b1e0f89ff4c98feb68ca0152012 Mon Sep 17 00:00:00 2001
From: Eduardo Morales <emoral435@gmail.com>
Date: Tue, 12 Mar 2024 09:48:12 -0500
Subject: fix(files): fixed breadcrumbs dissapearing on narrow screens

Signed-off-by: Eduardo Morales <emoral435@gmail.com>
---
 apps/files/src/components/BreadCrumbs.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'apps/files/src/components/BreadCrumbs.vue')

diff --git a/apps/files/src/components/BreadCrumbs.vue b/apps/files/src/components/BreadCrumbs.vue
index 4eec0f007b6..d76ed714f20 100644
--- a/apps/files/src/components/BreadCrumbs.vue
+++ b/apps/files/src/components/BreadCrumbs.vue
@@ -126,9 +126,9 @@ export default defineComponent({
 			return this.uploaderStore.queue.length !== 0
 		},
 
-		// Hide breadcrumbs if an upload is ongoing on arrow screens
+		// Hide breadcrumbs if an upload is ongoing
 		shouldShowBreadcrumbs(): boolean {
-			return this.filesListWidth > 768 && !this.isUploadInProgress
+			return this.filesListWidth > 400 && !this.isUploadInProgress
 		},
 
 		// used to show the views icon for the first breadcrumb
@@ -186,6 +186,7 @@ export default defineComponent({
 	// Take as much space as possible
 	flex: 1 1 100% !important;
 	width: 100%;
+	margin-inline: 0px 10px 0px 10px;
 
 	::v-deep a {
 		cursor: pointer !important;
-- 
cgit v1.2.3

