github-forks
/
gitea
mirror of https://github.com/go-gitea/gitea.git
1
0
Fork 0
Code Projects Releases Activity
gitea/web_src/js/components
History
wxiaoguang 46c17c8029
Use flex to align SVG and text () 
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>
..
.eslintrc.yaml Enable `vue/html-closing-bracket-spacing` eslint rule ()
ActionRunStatus.vue Enable `vue/html-closing-bracket-spacing` eslint rule ()
ActivityHeatmap.vue Make the color of zero-contribution-squares in the activity heatmap more subtle ()
ContextPopup.vue Enable `vue/html-closing-bracket-spacing` eslint rule ()
DashboardRepoList.vue Use flex to align SVG and text ()
DiffFileList.vue Refactor diffFileInfo / DiffTreeStore ()
DiffFileTree.vue Show file tree by default ()
DiffFileTreeItem.vue Refactor diffFileInfo / DiffTreeStore ()
PullRequestMergeForm.vue Use flex to align SVG and text ()
RepoActionView.test.js Improve action log display with control chars ()
RepoActionView.vue Fix fullscreen for action ()
RepoActivityTopAuthors.vue Refactor dashboard repo list to Vue SFC ()
RepoBranchTagSelector.vue Use flex to align SVG and text ()
ScopedAccessTokenSelector.vue Change access token UI to select dropdowns ()