peezy-tech/jojo
2
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2026-05-12 22:10:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(ui): fix dashboard some style issues (#11461)

Browse source 
1.  Remove excess left and right margins
2. Remove excess bottom margin
3. Fixed the missing top rounded corner when repo is 0

| Before | After |
|----|----|
| ![Screenshot From 2026-02-26 04-02-03](/attachments/37da4f21-ae28-4708-a6be-a3421ebf5717) | ![Screenshot From 2026-02-26 04-01-39](/attachments/20cd29c4-0cb7-49ec-b7bb-99568364b4b7) |
| ![Screenshot From 2026-02-26 04-03-02](/attachments/d238275e-f231-4ae3-8de6-9418452ed6eb) | ![Screenshot From 2026-02-26 04-03-09](/attachments/eed862ef-b1db-46ac-aba0-9ac3089024c7) |
| ![image](/attachments/157bbc3e-2cdc-45c6-b4ca-236b3620f867) | ![Screenshot From 2026-03-01 19-50-41](/attachments/f22d963d-86d7-4c17-831a-307f990b1696) |

Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11461
Reviewed-by: 0ko <0ko@noreply.codeberg.org>
Co-authored-by: panc <pan0xc@foxmail.com>
Co-committed-by: panc <pan0xc@foxmail.com>
This commit is contained in:
panc 2026-03-02 05:04:57 +01:00 • committed by 0ko
parent 44501c80eb
commit b921d5bdb3
3 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web_src/css/dashboard.css
View file

@ -57,7 +57,7 @@
.dashboard .dashboard-repos, .dashboard .dashboard-repos,
.dashboard .dashboard-orgs { .dashboard .dashboard-orgs {
margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */ margin-bottom: 0;
} }
.dashboard .secondary-nav { .dashboard .secondary-nav {

5
web_src/css/modules/segment.css
View file

@ -165,6 +165,11 @@
margin-top: 1rem; margin-top: 1rem;
border-radius: 0.28571429rem 0.28571429rem 0 0; border-radius: 0.28571429rem 0.28571429rem 0 0;
} }
.ui.top.attached.segment:only-child {
border-radius: var(--border-radius);
}
.ui.segment[class*="top attached"]:first-child { .ui.segment[class*="top attached"]:first-child {
margin-top: 0; margin-top: 0;
} }

4
web_src/js/components/DashboardRepoList.vue
View file

@ -391,7 +391,7 @@ export default {
</div> </div>
</overflow-menu> </overflow-menu>
</div> </div>
<div v-if="repos.length" class="ui attached table segment tw-rounded-b"> <div v-if="repos.length" class="ui attached table segment">
<ul class="repo-owner-name-list"> <ul class="repo-owner-name-list">
<li class="tw-flex tw-items-center tw-py-2" v-for="repo, index in repos" :class="{'active': index === activeIndex}" :key="repo.id"> <li class="tw-flex tw-items-center tw-py-2" v-for="repo, index in repos" :class="{'active': index === activeIndex}" :key="repo.id">
<a class="repo-list-link muted" :href="repo.link"> <a class="repo-list-link muted" :href="repo.link">
@ -482,10 +482,8 @@ ul li:not(:last-child) {
} }
.repos-filter { .repos-filter {
padding-top: 0 !important;
margin-top: 0 !important; margin-top: 0 !important;
border-bottom-width: 0 !important; border-bottom-width: 0 !important;
margin-bottom: 2px !important;
} }
.repos-filter .item { .repos-filter .item {