Improve branch list UI (#27319)

1. Put the `"octicon-shield-lock"` into the flex container, then it
doesn't need a separate flex box
2. Remove some unnecessary `gt-df` helpers
3. Make `btn` button has the same flex behavior as `ui button`


![image](60ce75f7-7fac-4157-9c42-91c7dee9300e)



![image](ea606baf-6f52-41e1-b964-c4840d3b1529)
This commit is contained in:
wxiaoguang 2023-09-28 12:04:32 +08:00 committed by GitHub
parent 15fa0383fb
commit 7ea2a910ce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 16 deletions

View file

@ -1,5 +1,4 @@
<!-- make sure this matches the color logic in web_src/js/components/DashboardRepoList.vue -->
<span class="gt-df">
{{if eq .State "pending"}}
{{svg "octicon-dot-fill" 18 "commit-status icon text yellow"}}
{{end}}
@ -12,4 +11,3 @@
{{if eq .State "failure"}}
{{svg "octicon-x" 18 "commit-status icon text red"}}
{{end}}
</span>