mirrors/nginx-ui
1
0
Fork 0
mirror of https://github.com/0xJacky/nginx-ui.git synced 2025-05-12 02:45:49 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

refactor: update SiteStatusSegmented styles and adjust column widths in site list

Browse source
This commit is contained in:
Jacky 2025-04-09 14:32:48 +00:00
parent 1512e1de85
commit fe10966fbc
No known key found for this signature in database
GPG key ID: 215C21B10DF38B4D
2 changed files with 17 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/views/site/site_edit/components/SiteStatusSegmented.vue
View file

@ -192,7 +192,5 @@ function onChangeStatus(value: string | number) {
:deep(.ant-segmented-item-selected) { :deep(.ant-segmented-item-selected) {
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
} }
</style> </style>

31
app/src/views/site/site_list/columns.tsx
View file

@ -22,7 +22,7 @@ const columns: Column[] = [{
type: input, type: input,
}, },
search: true, search: true,
width: 170, width: 150,
customRender: ({ text, record }) => { customRender: ({ text, record }) => {
const template: JSXElements = [] const template: JSXElements = []
@ -39,16 +39,18 @@ const columns: Column[] = [{
record.urls.forEach((url: string) => { record.urls.forEach((url: string) => {
const displayUrl = url.replace(/^https?:\/\//, '') const displayUrl = url.replace(/^https?:\/\//, '')
urlsContainer.push( urlsContainer.push(
<Tag style="margin-right: 8px; margin-bottom: 4px;"> <a href={url} target="_blank" rel="noopener noreferrer">
<a href={url} target="_blank" rel="noopener noreferrer">{displayUrl}</a> <Tag color="blue" bordered={false} style="margin-right: 8px; margin-bottom: 4px;">
</Tag>, {displayUrl}
</Tag>
</a>,
) )
}) })
} }
else { else {
record.urls.forEach((url: string) => { record.urls.forEach((url: string) => {
const displayUrl = url.replace(/^https?:\/\//, '') const displayUrl = url.replace(/^https?:\/\//, '')
urlsContainer.push(<Tag style="margin-right: 8px; margin-bottom: 4px;">{displayUrl}</Tag>) urlsContainer.push(<Tag bordered={false} style="margin-right: 8px; margin-bottom: 4px;">{displayUrl}</Tag>)
}) })
} }
@ -75,7 +77,14 @@ const columns: Column[] = [{
sorter: true, sorter: true,
pithy: true, pithy: true,
batch: true, batch: true,
width: 120, width: 100,
}, {
title: () => $gettext('Updated at'),
dataIndex: 'modified_at',
customRender: datetime,
sorter: true,
pithy: true,
width: 150,
}, { }, {
title: () => $gettext('Status'), title: () => $gettext('Status'),
dataIndex: 'status', dataIndex: 'status',
@ -105,14 +114,8 @@ const columns: Column[] = [{
}, },
sorter: true, sorter: true,
pithy: true, pithy: true,
width: 150, width: 110,
}, { fixed: 'right',
title: () => $gettext('Updated at'),
dataIndex: 'modified_at',
customRender: datetime,
sorter: true,
pithy: true,
width: 150,
}, { }, {
title: () => $gettext('Action'), title: () => $gettext('Action'),
dataIndex: 'action', dataIndex: 'action',