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