yogiedigital/cod-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: adjust spacing and layout in NotificationDetailTab for improved readability

Browse Source
This commit is contained in:
Rafiafrzl
2025-12-18 21:11:49 +07:00
parent e4af2d6e18
commit d8a1878ab1
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/notificationDetail/IndexNotificationDetail.jsx
View File

@@ -241,8 +241,8 @@ const NotificationDetailTab = () => {
</div> </div>
</div> </div>
<Space direction="vertical" size="large" style={{ width: '100%' }}> <Space direction="vertical" size="small" style={{ width: '100%' }}>
<Row gutter={[24, 24]}> <Row gutter={[8, 8]}>
{/* Kolom Kiri: Data Kompresor */} {/* Kolom Kiri: Data Kompresor */}
<Col xs={24} lg={8}> <Col xs={24} lg={8}>
<Card <Card
@@ -347,7 +347,7 @@ const NotificationDetailTab = () => {
</Col> </Col>
</Row> </Row>
<Row gutter={[16, 16]}> <Row gutter={[8, 8]} style={{ marginBottom: 'px' }}>
<Col xs={24} md={8}> <Col xs={24} md={8}>
<Card <Card
hoverable hoverable
@@ -395,7 +395,7 @@ const NotificationDetailTab = () => {
</Col> </Col>
</Row> </Row>
<Row gutter={[16, 16]}> <Row gutter={[8, 8]} style={{ marginTop: '-12px' }}>
<Col xs={24} md={8}> <Col xs={24} md={8}>
<Card <Card
size="small" size="small"
@@ -423,6 +423,7 @@ const NotificationDetailTab = () => {
size="small" size="small"
bodyStyle={{ bodyStyle={{
padding: '8px 12px', padding: '8px 12px',
marginBottom: '4px',
}} }}
hoverable hoverable
extra={ extra={
@@ -486,6 +487,7 @@ const NotificationDetailTab = () => {
size="small" size="small"
bodyStyle={{ bodyStyle={{
padding: '8px 12px', padding: '8px 12px',
marginBottom: '4px',
}} }}
extra={ extra={
<Text <Text
@@ -687,7 +689,9 @@ const NotificationDetailTab = () => {
<Card <Card
key={log.id} key={log.id}
size="small" size="small"
bodyStyle={{ padding: '8px 12px' }} bodyStyle={{
padding: '8px 12px',
}}
> >
<Paragraph <Paragraph
style={{ fontSize: '12px', margin: 0 }} style={{ fontSize: '12px', margin: 0 }}