restore large

Author: silverwind

templates/repo/home_sidebar_top.tmpl

@@ -23,7 +23,7 @@
 				{{end}}
 				<div class="tw-flex tw-items-center tw-flex-wrap tw-gap-1 tw-my-2" id="repo-topics">
 					{{/* !!!! it SHOULD and MUST match the code in web_src/js/features/repo-home.ts */}}
-					{{range .Topics}}<a class="repo-topic ui label gt-ellipsis" title={{.Name}} href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}}
+					{{range .Topics}}<a class="repo-topic ui large label gt-ellipsis" title={{.Name}} href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}}
 				</div>
 				{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}
 					<button id="manage_topic" class="btn interact-fg tw-text-12">{{ctx.Locale.Tr "repo.topic.manage_topics"}}</button>

web_src/js/features/repo-home.ts

@@ -48,7 +48,7 @@ export function initRepoTopicBar() {
             // TODO: sort items in topicDropdown, or items in edit div will have different order to the items in view div
             // !!!! it SHOULD and MUST match the code in "home_sidebar_top.tmpl" !!!!
             const link = document.createElement('a');
-            link.classList.add('repo-topic', 'ui', 'label', 'gt-ellipsis');
+            link.classList.add('repo-topic', 'ui', 'large', 'label', 'gt-ellipsis');
             link.href = `${appSubUrl}/explore/repos?q=${encodeURIComponent(topic)}&topic=1`;
             link.textContent = topic;
             viewDiv.append(link);