From ac67f2296ca64968bf2a61d3b9ffe6bf61ad6764 Mon Sep 17 00:00:00 2001
From: Smug Bunny <3942672+VNRARA@users.noreply.github.com>
Date: Fri, 11 Jul 2025 04:48:57 +0200
Subject: [PATCH] Fixed filter-dropdown-menu going out of view (attempt1)

---
 src/components/MonitorListFilterDropdown.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/MonitorListFilterDropdown.vue b/src/components/MonitorListFilterDropdown.vue
index 79d664af8..9ef8481cd 100644
--- a/src/components/MonitorListFilterDropdown.vue
+++ b/src/components/MonitorListFilterDropdown.vue
@@ -46,6 +46,14 @@ export default {
 @import "../assets/vars.scss";
 @import "../assets/app.scss";
 
+@media only screen and (max-width: 600px) {
+    header-filter > div > .dropdown:last-of-type > filter-dropdown-menu{
+        left: auto;
+        right: 0;
+        max-width: 80vw;
+    }
+}
+
 .filter-dropdown-menu {
     z-index: 100;
     transition: all 0.2s;
@@ -64,6 +72,7 @@ export default {
     opacity: 0;
     background: white;
 
+
     &.open {
         height: unset;
         visibility: inherit;
@@ -102,6 +111,9 @@ export default {
     }
 }
 
+
+
+
 .filter-dropdown-status {
     @extend .btn-outline-normal;
     display: flex;