Refactor frontend tw-justify-between layouts to flex-left-right (#37291)

This PR standardizes left/right two-child frontend layouts on
`flex-left-right` and removes ad-hoc `tw-justify-between` combinations.
The goal is consistent wrapping + spacing behavior under narrow widths
with less utility-class churn.

Also: remove useless "flex-center-wrap", slightly improve some templates
(no visual change, tested)

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: wxiaoguang <2114189+wxiaoguang@users.noreply.github.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
Copilot
2026-04-19 18:57:48 +08:00
committed by GitHub
parent c98134033a
commit 30be22f30f
31 changed files with 39 additions and 50 deletions
@@ -3,7 +3,7 @@
{{$statusUnread := 1}}{{$statusRead := 2}}{{$statusPinned := 3}}
{{$notificationUnreadCount := call .PageGlobalData.GetNotificationUnreadCount}}
{{$pageTypeIsRead := eq $.PageType "read"}}
<div class="flex-text-block tw-justify-between tw-mb-[--page-spacing]">
<div class="flex-left-right tw-mb-[--page-spacing]">
<div class="small-menu-items ui compact tiny menu">
<a class="{{if not $pageTypeIsRead}}active{{end}} item" href="{{AppSubUrl}}/notifications?type=unread">
{{ctx.Locale.Tr "notification.unread"}}
@@ -11,7 +11,7 @@
</div>
<div class="ui top attached segment">
{{if eq .Status 1}}
<div class="tw-flex tw-justify-between">
<div class="flex-left-right">
<div class="tw-flex">
<div class="small-menu-items ui compact tiny menu">
<a class="{{if eq .State "all"}}active {{end}}item" href="?sort={{$.SortType}}&state=all&issueType={{$.IssueType}}&labels={{$.Labels}}">
@@ -27,8 +27,7 @@
</a>
</div>
</div>
<div class="tw-flex tw-justify-between">
<div class="ui secondary filter menu labels">
<div class="ui secondary menu tw-m-0">
<!-- Type -->
<div class="ui dropdown type jump item">
<span class="text">
@@ -60,7 +59,6 @@
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
{{if not .Issues}}