diff options
| author | yp05327 <576951401@qq.com> | 2023-08-22 17:49:00 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-08-22 08:49:00 +0000 |
| commit | c052f762667b6173944517df77b7d416f2b16c5e (patch) | |
| tree | b669ea179b37a971a08828660502a10641318888 /web_src/js/components/DashboardRepoList.vue | |
| parent | bd8a253220e5261d18127030ffd971305832b65c (diff) | |
| download | gitea-c052f762667b6173944517df77b7d416f2b16c5e.tar.gz gitea-c052f762667b6173944517df77b7d416f2b16c5e.zip | |
Fix organization list in dashboard (#26650)
Fix ui problem comes from #26326
Before:
After:
Diffstat (limited to 'web_src/js/components/DashboardRepoList.vue')
| -rw-r--r-- | web_src/js/components/DashboardRepoList.vue | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue index 008149ca60..bc6cc6a2c4 100644 --- a/web_src/js/components/DashboardRepoList.vue +++ b/web_src/js/components/DashboardRepoList.vue @@ -70,7 +70,7 @@ <div v-if="repos.length" class="ui attached table segment gt-rounded-bottom"> <ul class="repo-owner-name-list"> <li class="gt-df gt-ac gt-py-3" v-for="repo, index in repos" :class="{'active': index === activeIndex}" :key="repo.id"> - <a class="repo-list-link muted gt-df gt-ac gt-f1 gt-gap-3" :href="repo.link"> + <a class="repo-list-link muted" :href="repo.link"> <svg-icon :name="repoIcon(repo)" :size="16" class-name="repo-list-icon"/> <div class="text truncate">{{ repo.full_name }}</div> <div v-if="repo.archived"> @@ -126,8 +126,8 @@ </h4> <div v-if="organizations.length" class="ui attached table segment gt-rounded-bottom"> <ul class="repo-owner-name-list"> - <li class="gt-df gt-ac" v-for="org in organizations" :key="org.name"> - <a class="repo-list-link muted gt-df gt-ac gt-f1" :href="subUrl + '/' + encodeURIComponent(org.name)"> + <li class="gt-df gt-ac gt-py-3" v-for="org in organizations" :key="org.name"> + <a class="repo-list-link muted" :href="subUrl + '/' + encodeURIComponent(org.name)"> <svg-icon name="octicon-organization" :size="16" class-name="repo-list-icon"/> <div class="text truncate">{{ org.name }}</div> <div><!-- div to prevent underline of label on hover --> @@ -504,6 +504,10 @@ ul li:not(:last-child) { .repo-list-link { min-width: 0; /* for text truncation */ + display: flex; + align-items: center; + flex: 1; + gap: 0.5rem; } .repo-list-link .svg { |