Merge pull request #267 from Team-TenTen/feature/#264/style-dropdown

드롭다운 목록 스타일 수정
Team-TenTen · Dec 4, 2023 · 7b01975 · 7b01975
2 parents 0d0801c + cebf305
commit 7b01975
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/TagInput/TagInput.tsx b/src/components/TagInput/TagInput.tsx
@@ -96,7 +96,7 @@ const TagInput = ({
           </span>
         )}
         {isFocused && filteredTags && filteredTags.length > 0 && (
-          <ul className="select-tag-list absolute mt-2 flex flex-col overflow-y-scroll rounded-md border border-slate5 bg-bgColor px-2 py-2 shadow-lg">
+          <ul className="horizontal-scroll select-tag-list absolute mt-2 flex flex-col overflow-y-scroll rounded-md border border-slate5 bg-bgColor px-2 py-2 shadow-lg">
             {filteredTags.map((tag) => (
               <li
                 className="rounded-md px-1 py-1 hover:bg-slate1"

diff --git a/src/components/common/Dropdown/Dropdown.tsx b/src/components/common/Dropdown/Dropdown.tsx
@@ -57,7 +57,7 @@ const Dropdown = ({
         className={cls(
           'flex flex-col rounded-md border border-slate6 bg-bgColor p-2 shadow-lg',
           isOpen
-            ? 'absolute right-0 z-10 mt-2 max-h-[40vh] min-w-max origin-top-right overflow-scroll'
+            ? 'horizontal-scroll absolute right-0 z-10 mt-2 max-h-[40vh] min-w-max origin-top-right overflow-y-scroll'
             : 'hidden',
           PLACEMENTS[placement],
         )}>

diff --git a/src/components/common/Sidebar/Sidebar.tsx b/src/components/common/Sidebar/Sidebar.tsx
@@ -62,7 +62,7 @@ const Sidebar = ({ isSidebarOpen, onClose }: SidebarProps) => {
       )}>
       <div
         className={cls(
-          'absolute flex h-full w-full max-w-[300px] flex-col justify-between overflow-scroll rounded-l-xl bg-bgColor px-2 pb-1 pt-6',
+          'horizontal-scroll absolute flex h-full w-full max-w-[300px] flex-col justify-between  overflow-scroll rounded-l-xl bg-bgColor px-2 pb-1 pt-6',
           isOpen ? 'animate-openSidebar' : 'animate-closeSidebar',
         )}>
         <div className="flex flex-col">