TP-51166 | fixed design reviews comments'2

This commit is contained in:
pooja-jaiswal_navi
2024-01-18 12:55:51 +05:30
parent 57301c9468
commit a6f98e4d7a
5 changed files with 21 additions and 6 deletions

View File

@@ -50,7 +50,7 @@
padding-top: 15px;
}
.search-results {
margin-left: 27px;
margin-left: 15px;
margin-top: 12px;
color: var(--navi-color-gray-c3);
}

View File

@@ -60,3 +60,11 @@
margin-right: 24px;
margin-top: 5px;
}
@mixin slack-label {
color: var(--navi-color-gray-c2);
}
.channel-label,
.oncall-label,
.psec-oncall-label {
@include slack-label;
}

View File

@@ -157,7 +157,9 @@ const TeamDetails: React.FC = () => {
<div className={styles['slack-details-wrapper']}>
<div className={styles['team-channel-wrapper']}>
<div className={styles['info-icon-wrapper']}>
<Typography variant="h6">Team channel</Typography>
<Typography variant="h6" className={styles['channel-label']}>
Team channel
</Typography>
<div className={styles['info-icon']}>
<Tooltip
text="Slack channel I.D. can be found at the bottom of
@@ -184,7 +186,9 @@ const TeamDetails: React.FC = () => {
</div>
<div className={styles['on-call-wrapper']}>
<div ref={refOncall}>
<Typography variant="h6">Team on call</Typography>{' '}
<Typography variant="h6" className={styles['oncall-label']}>
Team on call
</Typography>{' '}
<div
onClick={handleOncallPicker}
className={styles['on-call-handler']}
@@ -213,7 +217,9 @@ const TeamDetails: React.FC = () => {
)}
</div>
<div ref={refPsecOncall}>
<Typography variant="h6">PSEC on call</Typography>
<Typography variant="h6" className={styles['psec-oncall-label']}>
PSEC on call
</Typography>
<div
onClick={handleOpenPsecOnCallPicker}
className={styles['on-call-handler']}

View File

@@ -95,9 +95,10 @@
}
.hr-tag {
width: 100%;
border: 1px (--navi-color-gray-border);
margin-top: 12px;
margin-left: 5px;
border: none;
border-top: 2px solid var(--navi-color-gray-border);
}
.members-tag {
color: var(--navi-color-gray-c3);

View File

@@ -182,7 +182,7 @@ const TeamMemberDetails: React.FC = () => {
handleOpenModal(item);
}}
>
Make a manager{' '}
Make manager{' '}
</Button>
)}
</div>