diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2023-06-15 00:40:15 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-06-14 16:40:15 +0000 |
| commit | 46c17c8029a539d276d25585fd6d54153ffa592f (patch) | |
| tree | 07f40c7b209f4527a2f7a50ba12aab55984a02ed /web_src/js/components/DashboardRepoList.vue | |
| parent | 4c290e92090c0b37f3ff5de44f4f1f535668ca66 (diff) | |
| download | gitea-46c17c8029a539d276d25585fd6d54153ffa592f.tar.gz gitea-46c17c8029a539d276d25585fd6d54153ffa592f.zip | |
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>
```
---------
Co-authored-by: Giteabot <teabot@gitea.io>
Diffstat (limited to 'web_src/js/components/DashboardRepoList.vue')
| -rw-r--r-- | web_src/js/components/DashboardRepoList.vue | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue index 25a94c1fa7..b47d872927 100644 --- a/web_src/js/components/DashboardRepoList.vue +++ b/web_src/js/components/DashboardRepoList.vue @@ -19,7 +19,7 @@ <input @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" @keydown="reposFilterKeyControl" :placeholder="textSearchRepos"> <i class="icon gt-df gt-ac gt-jc"><svg-icon name="octicon-search" :size="16"/></i> <div class="ui dropdown icon button" :title="textFilter"> - <i class="icon gt-df gt-ac gt-jc gt-m-0"><svg-icon name="octicon-filter" :size="16"/></i> + <svg-icon name="octicon-filter" :size="16"/> <div class="menu"> <a class="item" @click="toggleArchivedFilter()"> <div class="ui checkbox" ref="checkboxArchivedFilter" :title="checkboxArchivedFilterTitle"> |