mirrors/nginx-ui
1
0
Fork 0
mirror of https://github.com/0xJacky/nginx-ui.git synced 2025-05-11 02:15:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

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) {
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
}
</style>

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

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