diff --git a/services/web/frontend/stylesheets/pages/login-register.scss b/services/web/frontend/stylesheets/pages/login-register.scss index 0de880f21a..c35baeaa8c 100644 --- a/services/web/frontend/stylesheets/pages/login-register.scss +++ b/services/web/frontend/stylesheets/pages/login-register.scss @@ -47,7 +47,7 @@ .verso-login-logo { display: block; margin: 0 auto; - max-width: 300px !important; + max-width: 400px; } } diff --git a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss index a7f6614c05..8b060426ad 100644 --- a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss +++ b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss @@ -540,13 +540,26 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi // Thumbnail image — shown when the project has a cached compiled PDF page. // Falls back to the gradient + initial when the image 404s or is loading. + // The counter-transform on hover keeps the image visually stationary while + // the card rises beneath it (matching the card's translateY(-3px) lift). .lumiere-card-thumb-img { position: absolute; - inset: 6px; + top: 6px; + left: 6px; + right: 6px; + bottom: 6px; + width: calc(100% - 12px); + height: calc(100% - 12px); object-fit: cover; object-position: top center; border-radius: 4px; z-index: 1; + transition: transform 0.18s ease; + } + + .lumiere-card:hover .lumiere-card-thumb-img, + .lumiere-card:focus-within .lumiere-card-thumb-img { + transform: translateY(3px); } .lumiere-card-initial {