Browse Source

style(components): 收敛移动端弹层宽度

pull/22/head
thatsfelix 6 days ago
parent
commit
890a2fdd51
  1. 22
      src/components/CategoryDropdown/index.scss
  2. 20
      src/components/FolderMoveSubmenu/index.scss

22
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%;
}
}

20
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);
}
}

Loading…
Cancel
Save