diff --git a/priv/static/styles.css b/priv/static/styles.css index 94154c7..968dd93 100644 --- a/priv/static/styles.css +++ b/priv/static/styles.css @@ -94,7 +94,7 @@ h6 { width: 100%; background-color: var(--color-header-background); color: var(--color-header-text); - box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1) + box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); } .site-header a { @@ -263,12 +263,23 @@ html.theme-light .theme-button.-light { font-size: var(--font-size-small); } -.package-list .package-name { +.package-name { overflow-wrap: break-word; margin: 0 var(--gap) var(--gap-s) 0; } -.package-list .package-name > a { +.package-name > a { color: var(--color-package-name); text-decoration-color: var(--color-package-name-decoration); } + +.package-name { + display: flex; + align-items: center; +} + +.package-version { + font-size: var(--font-size-small); + padding-left: 1em; + color: var(--color-text-secondary); +} diff --git a/src/packages/web/page.gleam b/src/packages/web/page.gleam index d2fc652..5d33165 100644 --- a/src/packages/web/page.gleam +++ b/src/packages/web/page.gleam @@ -180,6 +180,11 @@ fn package_list_item(package: PackageSummary) -> Element(Nil) { |> dict.get("Repository") |> option.from_result + let latest_version_string = case package.latest_versions |> list.last { + Ok(version) -> " @ v" <> version + Error(_) -> "" + } + let links = [ package.docs_url @@ -195,6 +200,9 @@ fn package_list_item(package: PackageSummary) -> Element(Nil) { ]), html.h2([attribute.class("package-name")], [ external_link_text(url, package.name), + html.small([attribute.class("package-version")], [ + element.text(latest_version_string), + ]), ]), html.p([attribute.class("package-description")], [ element.text(package.description),