From 4ff0b441f3ea5a8d9e4963e5ae69330daf6e87fe Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Sun, 27 Apr 2025 12:20:00 +0300
Subject: [PATCH] feat: mobile tags adapt

---
 src/components/ModalTags.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ModalTags.tsx b/src/components/ModalTags.tsx
index bdd0103..dbcc7bc 100644
--- a/src/components/ModalTags.tsx
+++ b/src/components/ModalTags.tsx
@@ -60,7 +60,7 @@ const ModalTags: FunctionComponent<ModalTagsProps> = ({ isOpen, setIsOpen, onClo
           {value?.second || "Тема"}
         </Button>
         {showFirstTags && (
-          <div class="absolute top-0 left-full ml-5 flex h-fit w-[18rem] flex-col items-center rounded-[4rem] bg-white px-8 py-4 text-xs">
+          <div class="absolute top-full left-0 mt-3 ml-2 flex h-fit w-[18rem] flex-col items-center rounded-[4rem] bg-white px-8 py-4 text-xs md:top-0 md:left-full md:mt-0 md:ml-5">
             <div class="flex h-fit max-h-[45vh] w-full flex-col gap-3 overflow-y-auto">
               {tagsList?.first.map((tag) => (
                 <div
@@ -88,7 +88,7 @@ const ModalTags: FunctionComponent<ModalTagsProps> = ({ isOpen, setIsOpen, onClo
           </div>
         )}
         {showSecondTags && (
-          <div class="absolute top-0 left-full ml-5 flex h-fit w-[18rem] rounded-[4rem] bg-white px-8 py-4 text-xs">
+          <div class="absolute top-full left-0 mt-3 ml-2 flex h-fit w-[18rem] flex-col items-center rounded-[4rem] bg-white px-8 py-4 text-xs md:top-0 md:left-full md:mt-0 md:ml-5">
             <div class="flex h-fit max-h-[45vh] w-full flex-col gap-3 overflow-y-auto">
               {tagsList?.second.map((tag) => (
                 <div