From b921d5bdb334039152c14f1e1550d6d6e14a6607 Mon Sep 17 00:00:00 2001
From: panc <pan0xc@foxmail.com>
Date: Mon, 2 Mar 2026 05:04:57 +0100
Subject: [PATCH] fix(ui): fix dashboard some style issues (#11461)

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>
---
 web_src/css/dashboard.css                   | 2 +-
 web_src/css/modules/segment.css             | 5 +++++
 web_src/js/components/DashboardRepoList.vue | 4 +---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web_src/css/dashboard.css b/web_src/css/dashboard.css
index 3a1fc34ed3..9790e517c7 100644
--- a/web_src/css/dashboard.css
+++ b/web_src/css/dashboard.css
@@ -57,7 +57,7 @@
 
 .dashboard .dashboard-repos,
 .dashboard .dashboard-orgs {
-  margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
+  margin-bottom: 0;
 }
 
 .dashboard .secondary-nav {
diff --git a/web_src/css/modules/segment.css b/web_src/css/modules/segment.css
index 5e1d3602b0..76638cb639 100644
--- a/web_src/css/modules/segment.css
+++ b/web_src/css/modules/segment.css
@@ -165,6 +165,11 @@
   margin-top: 1rem;
   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 {
   margin-top: 0;
 }
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue
index 7debf6240e..9bc655df32 100644
--- a/web_src/js/components/DashboardRepoList.vue
+++ b/web_src/js/components/DashboardRepoList.vue
@@ -391,7 +391,7 @@ export default {
           </div>
         </overflow-menu>
       </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">
           <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">
@@ -482,10 +482,8 @@ ul li:not(:last-child) {
 }
 
 .repos-filter {
-  padding-top: 0 !important;
   margin-top: 0 !important;
   border-bottom-width: 0 !important;
-  margin-bottom: 2px !important;
 }
 
 .repos-filter .item {