xinyin025/new-api
1
0
Fork 0
mirror of https://github.com/linux-do/new-api.git synced 2025-09-18 16:36:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 前端美化

Browse Source
This commit is contained in:
CaIon 2024-03-11 21:08:51 +08:00
parent ac7407ce9c
commit c29680b301
3 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/ChannelsTable.js
View File

@ -675,7 +675,7 @@ const ChannelsTable = () => {
</Space> </Space>
</div> </div>
<Table style={{marginTop: 15}} columns={columns} dataSource={pageData} pagination={{ <Table className={'channel-table'} style={{marginTop: 15}} columns={columns} dataSource={pageData} pagination={{
currentPage: activePage, currentPage: activePage,
pageSize: pageSize, pageSize: pageSize,
total: channelCount, total: channelCount,

6
web/src/components/SiderBar.js
View File

@ -156,12 +156,11 @@ const SiderBar = () => {
<Layout> <Layout>
<div style={{height: '100%'}}> <div style={{height: '100%'}}>
<Nav <Nav
// mode={'horizontal'} // bodyStyle={{ maxWidth: 200 }}
// bodyStyle={{ height: 100 }} style={{ maxWidth: 200 }}
defaultIsCollapsed={isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true'} defaultIsCollapsed={isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true'}
isCollapsed={isCollapsed} isCollapsed={isCollapsed}
onCollapseChange={collapsed => { onCollapseChange={collapsed => {
console.log(collapsed);
setIsCollapsed(collapsed); setIsCollapsed(collapsed);
}} }}
selectedKeys={selectedKeys} selectedKeys={selectedKeys}
@ -191,7 +190,6 @@ const SiderBar = () => {
}} }}
items={headerButtons} items={headerButtons}
onSelect={key => { onSelect={key => {
console.log(key);
setSelectedKeys([key.itemKey]); setSelectedKeys([key.itemKey]);
}} }}
header={{ header={{

10
web/src/index.css
View File

@ -32,6 +32,16 @@ body {
} }
} }
.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
padding: 16px 14px;
}
.channel-table {
.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
padding: 16px 8px;
}
}
.semi-layout { .semi-layout {
height: 100%; height: 100%;
} }