improve latest release

Author: yp05327

options/locale/locale_en-US.ini

@@ -141,6 +141,10 @@ confirm_delete_selected = Confirm to delete all selected items?
 name = Name
 value = Value
 
+readme = Readme
+contributors = Contributors
+latest = Latest
+
 [aria]
 navbar = Navigation Bar
 footer = Footer
@@ -1053,13 +1057,6 @@ form.reach_limit_of_creation_n = The owner has already reached the limit of %d r
 form.name_reserved = The repository name "%s" is reserved.
 form.name_pattern_not_allowed = The pattern "%s" is not allowed in a repository name.
 
-sidebar.readme = Readme
-sidebar.stars = stars
-sidebar.forks = forks
-sidebar.watching = watching
-sidebar.contributors = Contributors
-latest_release = Latest
-
 need_auth = Authorization
 migrate_options = Migration Options
 migrate_service = Migration Service

templates/repo/home.tmpl

@@ -120,26 +120,17 @@
 				<div class="flex-list">
 					{{template "repo/sidebar/repo_info" .}}
 
+					{{if .ReadmeExist}}
 					<div class="flex-item">
 						<div class="flex-item-main">
-							{{if .ReadmeExist}}
 							<div class="flex-item-body">
 								<a class="muted" href="{{.TreeLink}}/{{.FileName}}">
-									{{svg "octicon-book"}}{{ctx.Locale.Tr "repo.sidebar.readme"}}
+									{{svg "octicon-book"}}{{ctx.Locale.Tr "readme"}}
 								</a>
 							</div>
-							{{end}}
-							<div class="flex-item-body">
-								{{svg "octicon-star"}}{{CountFmt .Repository.NumStars}} {{ctx.Locale.Tr "repo.sidebar.stars"}}
-							</div>
-							<div class="flex-item-body">
-								{{svg "octicon-repo-forked"}}{{CountFmt .Repository.NumForks}} {{ctx.Locale.Tr "repo.sidebar.forks"}}
-							</div>
-							<div class="flex-item-body">
-								{{svg "octicon-eye"}}{{CountFmt .Repository.NumWatches}} {{ctx.Locale.Tr "repo.sidebar.watching"}}
-							</div>
 						</div>
 					</div>
+					{{end}}
 
 					{{if .LatestRelease}}
 					<div class="flex-item">
@@ -151,10 +142,16 @@
 								<span class="ui basic label">{{CountFmt .NumReleases}}</span>
 							</div>
 							<div class="flex-item-body">
-								<a class="muted" href="{{.LatestRelease.Link}}">
-									{{svg "octicon-tag" 16 "gt-mr-2"}}{{.LatestRelease.TagName}}
+								<a class="latest-release" href="{{.LatestRelease.Link}}">
+									<div class="latest-release-tag">
+										{{svg "octicon-tag" 16}}
+										<div class="gt-word-break">
+											{{.LatestRelease.TagName}}
+										</div>
+										<span class="ui basic green label">{{ctx.Locale.Tr "latest"}}</span>
+									</div>
+									<span class="time">{{TimeSinceUnix .LatestRelease.CreatedUnix ctx.Locale}}</span>
 								</a>
-								<span class="ui basic green label">{{ctx.Locale.Tr "repo.latest_release"}}</span>
 							</div>
 						</div>
 					</div>

web_src/css/repo.css

@@ -151,6 +151,21 @@
   }
 }
 
+.latest-release {
+  text-decoration-line: none;
+  margin: 1rem;
+}
+
+.latest-release-tag {
+  display: flex;
+  align-items: center;
+  gap: .5rem;
+}
+
+.latest-release .time{
+  margin-left: 1.6rem;
+}
+
 .repository .header-wrapper {
   background-color: var(--color-header-wrapper);
 }