From 0e75011c11f3aca0e5a267cb73fe517796268a9a Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 9 Mar 2025 12:16:30 +0100
Subject: [PATCH] fix(quick actions): add close button on mobile

---
 .../components/quick-actions/QuickActions.vue  | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/components/quick-actions/QuickActions.vue b/frontend/src/components/quick-actions/QuickActions.vue
index 703dd0734..b0525e60b 100644
--- a/frontend/src/components/quick-actions/QuickActions.vue
+++ b/frontend/src/components/quick-actions/QuickActions.vue
@@ -28,6 +28,12 @@
 					@keyup.prevent.enter="doCmd"
 					@keyup.prevent.esc="closeQuickActions"
 				>
+				<BaseButton
+					class="close"
+					@click="closeQuickActions"
+				>
+					<Icon icon="times" />
+				</BaseButton>
 			</div>
 
 			<div
@@ -603,12 +609,24 @@ function reset() {
 	.input {
 		border: 0;
 		font-size: 1.5rem;
+		
+		@media screen and (max-width: $tablet) {
+			padding-right: .25rem;
+		}
 	}
 
 	&.has-active-cmd .input {
 		padding-left: .5rem;
 	}
 
+	.close {
+		padding: 0 1rem 0 .5rem;
+		font-size: 1.5rem;
+		
+		@media screen and (min-width: $tablet + 1) {
+			display: none;
+		}
+	}
 }
 
 .active-cmd {