Template
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo synced 2024-11-24 18:56:11 +01:00
forgejo/web_src/js/components
Giteabot 5191ab6445
Use flex to align SVG and text (#25163) (#25260)
Backport #25163 by @wxiaoguang

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: wxiaoguang <wxiaoguang@gmail.com>
2023-06-14 13:21:48 -04:00
..
.eslintrc.yaml Enable vue/html-closing-bracket-spacing eslint rule (#24987) 2023-05-29 16:58:53 +00:00
ActionRunStatus.vue Enable vue/html-closing-bracket-spacing eslint rule (#24987) 2023-05-29 16:58:53 +00:00
ActivityHeatmap.vue Make the color of zero-contribution-squares in the activity heatmap more subtle (#24758) 2023-05-17 10:55:34 +00:00
ContextPopup.vue Enable vue/html-closing-bracket-spacing eslint rule (#24987) 2023-05-29 16:58:53 +00:00
DashboardRepoList.vue Use flex to align SVG and text (#25163) (#25260) 2023-06-14 13:21:48 -04:00
DiffFileList.vue Refactor diffFileInfo / DiffTreeStore (#24998) 2023-05-30 18:53:15 +08:00
DiffFileTree.vue Show file tree by default (#25052) 2023-06-02 23:39:01 +08:00
DiffFileTreeItem.vue Refactor diffFileInfo / DiffTreeStore (#24998) 2023-05-30 18:53:15 +08:00
PullRequestMergeForm.vue Use flex to align SVG and text (#25163) (#25260) 2023-06-14 13:21:48 -04:00
RepoActionView.test.js Improve action log display with control chars (#23820) 2023-04-01 20:57:05 +08:00
RepoActionView.vue Fix fullscreen for action (#25200) (#25207) 2023-06-12 15:41:13 +00:00
RepoActivityTopAuthors.vue Refactor dashboard repo list to Vue SFC (#23405) 2023-03-14 12:09:06 +08:00
RepoBranchTagSelector.vue Use flex to align SVG and text (#25163) (#25260) 2023-06-14 13:21:48 -04:00
ScopedAccessTokenSelector.vue Change access token UI to select dropdowns (#25109) (#25230) 2023-06-13 12:42:25 +00:00