diff --git a/src/components/CategoryDropdown/index.scss b/src/components/CategoryDropdown/index.scss index 9291926..b5d08dd 100644 --- a/src/components/CategoryDropdown/index.scss +++ b/src/components/CategoryDropdown/index.scss @@ -107,3 +107,25 @@ outline: 2px solid rgba(111, 71, 245, 0.45); outline-offset: 2px; } + +@media (max-width: 480px) { + .categoryDropdown { + max-width: 100%; + } + + .categoryDropdown__trigger { + max-width: min(140px, 100%); + } + + .categoryDropdown__menu { + right: auto; + left: 0; + width: min(221px, calc(100vw - 28px)); + max-height: min(293px, calc(100vh - 160px)); + border-radius: 20px; + } + + .categoryDropdown__item { + width: 100%; + } +} diff --git a/src/components/FolderMoveSubmenu/index.scss b/src/components/FolderMoveSubmenu/index.scss index 1204d99..49e577f 100644 --- a/src/components/FolderMoveSubmenu/index.scss +++ b/src/components/FolderMoveSubmenu/index.scss @@ -174,3 +174,23 @@ font-size: 12px; line-height: normal; } + +@media (max-width: 480px) { + .folderMoveSubmenu { + right: 0; + left: auto; + width: min(255px, calc(100vw - 28px)); + max-height: min(190px, calc(100vh - 160px)); + border-radius: 20px; + } + + .folderMoveSubmenu_left, + .folderMoveSubmenu_right { + right: 0; + left: auto; + } + + .folderMoveSubmenu__tree { + max-height: calc(min(190px, 100vh - 160px) - 20px); + } +}