diff --git a/clients/web/assets/style.css b/clients/web/assets/style.css index e81e0de..09b21e9 100644 --- a/clients/web/assets/style.css +++ b/clients/web/assets/style.css @@ -2076,3 +2076,19 @@ a:hover { text-decoration: underline; } max-width: 200px; margin: 0 auto; } + +/* Push the version wrapper to the bottom of the sidebar flex column */ +.game-sidebar > div:has(.site-nav-version) { + margin-top: auto; + padding: 0.75rem 1rem; + border-top: 1px solid rgba(200,164,72,0.12); +} + +.site-nav-version { + display: block; + text-align: center; + font-family: var(--font-ui); + font-size: 0.7rem; + letter-spacing: 0.06em; + color: rgba(200,164,72,0.4); +} diff --git a/clients/web/src/app.rs b/clients/web/src/app.rs index 3819b61..5c38d33 100644 --- a/clients/web/src/app.rs +++ b/clients/web/src/app.rs @@ -32,6 +32,7 @@ use std::collections::VecDeque; const RELAY_URL: &str = "ws://localhost:8080/ws"; const GAME_ID: &str = "trictrac"; const STORAGE_KEY: &str = "trictrac_session"; +const VERSION: &str = env!("CARGO_PKG_VERSION"); /// The state the UI needs to render the game screen. #[derive(Clone, PartialEq)] @@ -621,6 +622,9 @@ fn SiteHamburger() -> impl IntoView { sidebar_open.set(false); }>{t!(i18n, replay_snapshot)} +