chiyi/image2api
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(users): 操作列加宽防挤压 + 吸底格补行分隔线

Browse Source 
- 操作列 w-24→w-36，三个按钮不再贴边被切
- 吸底单元格补 inset 底边框，行分隔线延伸到最右缘
- 吸底表头补同款底边框

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
chiyi
2026-10-27 18:10:44 +08:00
co-authored by Devin
parent c60ba294e1
commit 58ee41a4f8
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/UsersView.vue
+5 -3
View File
@@ -295,7 +295,7 @@ async function doRecharge() {
</div> </div>
<div v-else class="overflow-x-auto" @wheel="onTableWheel"> <div v-else class="overflow-x-auto" @wheel="onTableWheel">
<table class="utable w-full text-sm table-fixed min-w-[1150px]"> <table class="utable w-full text-sm table-fixed min-w-[1200px]">
<colgroup> <colgroup>
<col class="w-10" /> <!-- select --> <col class="w-10" /> <!-- select -->
<col /> <!-- user (avatar+name+email+notes) --> <col /> <!-- user (avatar+name+email+notes) -->
@@ -308,7 +308,7 @@ async function doRecharge() {
<col class="w-16" /> <!-- banned word hits --> <col class="w-16" /> <!-- banned word hits -->
<col class="w-28" /> <!-- registered --> <col class="w-28" /> <!-- registered -->
<col class="w-40" /> <!-- last login + ip --> <col class="w-40" /> <!-- last login + ip -->
<col class="w-24" /> <!-- actions --> <col class="w-36" /> <!-- actions -->
</colgroup> </colgroup>
<thead> <thead>
<tr class="text-[10px] uppercase tracking-[0.2em] text-white/40 border-b border-white/[0.06]"> <tr class="text-[10px] uppercase tracking-[0.2em] text-white/40 border-b border-white/[0.06]">
@@ -617,8 +617,10 @@ async function doRecharge() {
right: 0; right: 0;
box-shadow: -10px 0 14px -10px rgb(15 23 42 / 0.16); box-shadow: -10px 0 14px -10px rgb(15 23 42 / 0.16);
} }
.utable thead th:last-child { background: var(--surface-solid); } .utable thead th:last-child { background: var(--surface-solid); border-bottom: 1px solid rgb(24 24 27 / 0.07); }
.utable tbody td:last-child { background: var(--surface-solid); } .utable tbody td:last-child { background: var(--surface-solid); }
/* 吸底格是定位元素，会盖住行分隔线——给它补同款底边框 */
.utable tbody tr:not(:last-child) td:last-child { box-shadow: -10px 0 14px -10px rgb(15 23 42 / 0.16), inset 0 -1px 0 var(--hairline); }
.utable tbody tr:hover td:last-child { background: #f7f7f8; } .utable tbody tr:hover td:last-child { background: #f7f7f8; }
.utable tbody tr.row-on td:last-child { background: #f1f1f3; } .utable tbody tr.row-on td:last-child { background: #f1f1f3; }