woggioni/tavolo
2
0
Fork 0
Code Actions Packages Releases Activity

Rename the playing-card CSS class away from Bootstrap's .card-img
CI / Build and push docker image (push) Successful in 1m10s
Details

Browse Source 
Bootstrap 5.3 ships .card-img{width:100%} for images inside cards, which
collided with the similarly named class emitted by the card helpers:
every card image stretched to its container width, so the table cards
wrapped one per flex line and pushed the player's hand below the
viewport. Emit 'playing-card' instead and rename the six selectors in
style.css; callers keep passing only the size modifiers.
This commit is contained in:
woggioni
2026-09-22 08:36:14 +08:00
parent b867dd1619
commit abc55479e4
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/card.rs
+2 -2
View File
@@ -9,13 +9,13 @@ pub fn card_img(code: String, class: &'static str) -> View {
let src = card_asset(&code);
let alt = card_label(&code);
view! {
img(src=src, class=format!("card-img {class}"), alt=alt, draggable="false")
img(src=src, class=format!("playing-card {class}"), alt=alt, draggable="false")
}
}
/// Render the back of a card (used for opponents' hidden hands).
pub fn card_back(class: &'static str) -> View {
view! {
img(src=CARD_BACK, class=format!("card-img {class}"), alt="card back", draggable="false")
img(src=CARD_BACK, class=format!("playing-card {class}"), alt="card back", draggable="false")
}
}