Improve card image hover: center small, pan large

2026-02-02 23:42:07 +01:00
parent 2add818045
commit eee4f1f0e9
2 changed files with 48 additions and 0 deletions
--- a/wwwroot/styles.css
+++ b/wwwroot/styles.css
@@ -161,12 +161,15 @@ button.ghost { background: transparent; border-color: #d5c7b5; color: #2c1c0d; }
  background: linear-gradient(135deg, #f0d9b5, #f6b24f);
  background-size: cover;
  background-position: center;
+  background-repeat: no-repeat;
+  background-color: #f6b24f;
  cursor: pointer;
  border: none;
  width: 100%;
  display: block;
  padding: 0;
 }
+.card-visual.hovering { cursor: zoom-in; }

 .card-body { padding: 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }