diff --git a/client/src/routes/Files.svelte b/client/src/routes/Files.svelte index 7776f94..9b7f8b7 100644 --- a/client/src/routes/Files.svelte +++ b/client/src/routes/Files.svelte @@ -3257,13 +3257,13 @@ } .name { font-weight: 600; - font-size: 14px; + font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; - line-height: 1.2; - max-height: calc(1.2em * 2); + line-height: 1.3; + max-height: calc(1.3em * 2); text-overflow: ellipsis; word-break: break-word; } @@ -3541,9 +3541,7 @@ display: flex; flex-direction: column; isolation: isolate; - transition: - transform 0.18s ease, - box-shadow 0.18s ease; + transition: box-shadow 0.18s ease; cursor: pointer; } .media-card::after { @@ -3559,7 +3557,7 @@ opacity: 0.22; } .media-card.is-selected { - transform: translateY(-6px) scale(0.965); + transform: none; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22); } .media-card.is-selected::after { @@ -3583,10 +3581,10 @@ flex-shrink: 0; } .media-card:hover { - transform: translateY(-4px) scale(0.98); + transform: none; } .media-card.is-selected:hover { - transform: translateY(-6px) scale(0.965); + transform: none; } .selection-toggle { position: absolute; @@ -3841,7 +3839,7 @@ } .folder-name { font-weight: 600; - font-size: 15px; + font-size: 14px; color: #2d2d2d; line-height: 1.25; word-break: break-word;