diff options
| -rw-r--r-- | css/shim.css | 3 | ||||
| -rw-r--r-- | templates/mara.rs.html | 3 |
2 files changed, 4 insertions, 2 deletions
diff --git a/css/shim.css b/css/shim.css index dae9813..1319ecf 100644 --- a/css/shim.css +++ b/css/shim.css @@ -25,5 +25,6 @@ img { .conversation-picture { flex: 1; - max-width: calc((70rem - 2rem)/6); + min-width: 9rem; + max-width: calc(((70rem - 2rem)/6)); } diff --git a/templates/mara.rs.html b/templates/mara.rs.html index a8f69a3..3161cd6 100644 --- a/templates/mara.rs.html +++ b/templates/mara.rs.html @@ -1,7 +1,8 @@ @(mood: &str, character: &str, message: Html<String>) <div class="conversation"> - <div class="conversation-picture" + <div class="conversation-picture"> <picture> + <source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).avif" type="image/avif"> <source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).webp" type="image/webp"> <img src="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).png" alt="@character is @mood"> </picture> |