You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
gitea/web_src/js/components
wxiaoguang 46c17c8029
Use flex to align SVG and text (#25163)
The code can be as simple as:

```html
<div class="flex-text-block">{{svg "octicon-alert"}} {{svg "octicon-x"}} text (block)</div>
<div><div class="flex-text-inline">{{svg "octicon-alert"}} {{svg "octicon-x"}} text</div> (inline)</div>
<div><button class="ui red button">{{svg "octicon-alert" 24}} {{svg "octicon-x" 24}} text</button></div>
```


![image](https://github.com/go-gitea/gitea/assets/2114189/1d3c10f1-0bc7-4c26-b236-bad537d5c465)

---------

Co-authored-by: Giteabot <teabot@gitea.io>
2 years ago
..
.eslintrc.yaml Enable `vue/html-closing-bracket-spacing` eslint rule (#24987) 2 years ago
ActionRunStatus.vue Enable `vue/html-closing-bracket-spacing` eslint rule (#24987) 2 years ago
ActivityHeatmap.vue Make the color of zero-contribution-squares in the activity heatmap more subtle (#24758) 2 years ago
ContextPopup.vue Enable `vue/html-closing-bracket-spacing` eslint rule (#24987) 2 years ago
DashboardRepoList.vue Use flex to align SVG and text (#25163) 2 years ago
DiffFileList.vue Refactor diffFileInfo / DiffTreeStore (#24998) 2 years ago
DiffFileTree.vue Show file tree by default (#25052) 2 years ago
DiffFileTreeItem.vue Refactor diffFileInfo / DiffTreeStore (#24998) 2 years ago
PullRequestMergeForm.vue Use flex to align SVG and text (#25163) 2 years ago
RepoActionView.test.js Improve action log display with control chars (#23820) 2 years ago
RepoActionView.vue Fix fullscreen for action (#25200) 2 years ago
RepoActivityTopAuthors.vue Refactor dashboard repo list to Vue SFC (#23405) 2 years ago
RepoBranchTagSelector.vue Use flex to align SVG and text (#25163) 2 years ago
ScopedAccessTokenSelector.vue Change access token UI to select dropdowns (#25109) 2 years ago