wood/proxy-go
1
0
Fork 0
mirror of https://github.com/woodchen-ink/proxy-go.git synced 2025-07-18 16:41:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(config): Optimize configuration table layout and styling

Browse Source 
- Adjust table column widths for better proportional display
- Reduce padding and font sizes in extension mapping section
- Enhance visual hierarchy with subtle background and border adjustments
- Maintain existing functionality while improving UI compactness
This commit is contained in:
wood chen 2025-02-17 19:03:02 +08:00
parent ed9f3be1ce
commit 6bc6edfd37
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/app/dashboard/config/page.tsx
View File

@ -896,12 +896,12 @@ export default function ConfigPage() {
<Table> <Table>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead>路径</TableHead> <TableHead className="w-[10%]">路径</TableHead>
<TableHead>默认目标</TableHead> <TableHead className="w-[40%]">默认目标</TableHead>
<TableHead>最小阈值</TableHead> <TableHead className="w-[10%]">最小阈值</TableHead>
<TableHead>最大阈值</TableHead> <TableHead className="w-[10%]">最大阈值</TableHead>
<TableHead>扩展名映射</TableHead> <TableHead className="w-[15%]">扩展名映射</TableHead>
<TableHead>操作</TableHead> <TableHead className="w-[15%]">操作</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
@ -957,25 +957,25 @@ export default function ConfigPage() {
</TableRow> </TableRow>
{typeof target === 'object' && target.ExtensionMap && Object.keys(target.ExtensionMap).length > 0 && ( {typeof target === 'object' && target.ExtensionMap && Object.keys(target.ExtensionMap).length > 0 && (
<TableRow key={`${path}-extensions`}> <TableRow key={`${path}-extensions`}>
<TableCell colSpan={6} className="p-0"> <TableCell colSpan={6} className="p-0 border-t-0">
<div className="bg-muted/50 p-4 rounded-lg mx-2 my-2"> <div className="bg-muted/30 px-2 py-1 mx-4">
<Table> <Table>
<TableHeader> <TableHeader>
<TableRow> <TableRow className="border-0">
<TableHead className="w-1/3">扩展名</TableHead> <TableHead className="w-[30%] h-8 text-xs">扩展名</TableHead>
<TableHead className="w-1/2">目标地址</TableHead> <TableHead className="w-[50%] h-8 text-xs">目标地址</TableHead>
<TableHead className="w-1/6">操作</TableHead> <TableHead className="w-[20%] h-8 text-xs">操作</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
{Object.entries(target.ExtensionMap).map(([ext, url]) => ( {Object.entries(target.ExtensionMap).map(([ext, url]) => (
<TableRow key={ext}> <TableRow key={ext} className="border-0">
<TableCell className="py-2">{ext}</TableCell> <TableCell className="py-1 text-sm">{ext}</TableCell>
<TableCell className="py-2"> <TableCell className="py-1 text-sm">
<span title={url}>{truncateUrl(url)}</span> <span title={url}>{truncateUrl(url)}</span>
</TableCell> </TableCell>
<TableCell className="py-2"> <TableCell className="py-1">
<div className="flex space-x-2"> <div className="flex space-x-1">
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"