ash-bot/ash-pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix anatomy diagram display - white background + preserve aspect ratio

Browse Source
This commit is contained in:
Ash
2026-04-20 18:49:34 +00:00
parent eb39ff9ea9
commit 20ff5e4bd6
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workout/template-with-anatomy.html
+9 -6
View File
@@ -77,7 +77,7 @@
align-items: start; align-items: start;
} }
.diagram-container { .diagram-container {
background: rgba(0,0,0,0.3); background: #ffffff;
border-radius: 8px; border-radius: 8px;
padding: 12px; padding: 12px;
text-align: center; text-align: center;
@@ -93,20 +93,23 @@
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
.diagram-container img { .diagram-container img {
width: 100%; width: auto;
max-width: 100%;
height: auto; height: auto;
max-height: 550px; max-height: 550px;
filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); object-fit: contain;
filter: none;
transition: filter 0.3s, transform 0.3s; transition: filter 0.3s, transform 0.3s;
border-radius: 4px; display: block;
margin: 0 auto;
} }
.diagram-container.highlighted { .diagram-container.highlighted {
box-shadow: 0 0 25px rgba(249, 115, 22, 0.5); box-shadow: 0 0 25px rgba(249, 115, 22, 0.6);
border-color: rgba(249, 115, 22, 0.8); border-color: rgba(249, 115, 22, 0.8);
transform: scale(1.02); transform: scale(1.02);
} }
.diagram-container.highlighted img { .diagram-container.highlighted img {
filter: drop-shadow(0 0 15px rgba(249, 115, 22, 0.7)) brightness(1.15) contrast(1.1); filter: brightness(1.05) contrast(1.05);
} }
.muscle-label { .muscle-label {
font-size: 0.75rem; font-size: 0.75rem;