diff --git a/common/loginpage/src/css/styles.less b/common/loginpage/src/css/styles.less index efa104b07..399d0d8ed 100644 --- a/common/loginpage/src/css/styles.less +++ b/common/loginpage/src/css/styles.less @@ -381,7 +381,7 @@ li.menu-item { .file-list-head, .file-list-body .row { display: grid; gap: 8px; - grid-template-columns: clamp(160px, calc(33vw - 250px), 500px) clamp(248px, calc(33vw - 100px), 650px) minmax(100px, 156px); + grid-template-columns: minmax(250px, 65fr) minmax(200px, 35fr) 130px; align-items: center; justify-content: space-between; padding-left: 16px; @@ -390,10 +390,6 @@ li.menu-item { padding-left: 56px; padding-right: 16px; } - - @media (max-width: 1054px) { - grid-template-columns: 1fr 1fr 1fr; - } } .file-list-head { @@ -466,7 +462,8 @@ li.menu-item { } .col-location { - height: 24px; + height: 32px; + line-height: 32px; text-align: left; white-space: nowrap; overflow: hidden; @@ -478,6 +475,7 @@ li.menu-item { .col-date { height: 24px; + line-height: 24px; justify-content: flex-end; } @@ -840,6 +838,22 @@ li.menu-item { &.empty { display: none; } + + @media (max-width: 1037px) { + .file-list-head { + grid-template-columns: minmax(250px, 1fr) 130px; + } + + .file-list-body .row { + grid-template-columns: minmax(250px, 1fr) 130px; + } + + .file-list-body, .file-list-head { + .col-location { + display: none; + } + } + } } #box-recovery { diff --git a/common/loginpage/src/panelrecent.js b/common/loginpage/src/panelrecent.js index 5f7827ced..e0a19ed10 100644 --- a/common/loginpage/src/panelrecent.js +++ b/common/loginpage/src/panelrecent.js @@ -140,7 +140,7 @@ //language=HTML let _tpl = `