bottomsheet
This commit is contained in:
@@ -126,7 +126,7 @@ export const DownloadBottomSheet = ({
|
|||||||
<div className="email-section">
|
<div className="email-section">
|
||||||
{ !!sheetImageMode &&
|
{ !!sheetImageMode &&
|
||||||
<div
|
<div
|
||||||
className="email-label mb-10"
|
className={ `email-label mb-10 ${selectedMode === DownloadSelectedMode.IMAGE? 'active': ''}` }
|
||||||
onClick={ () => onClickToSelectMode(DownloadSelectedMode.IMAGE) }
|
onClick={ () => onClickToSelectMode(DownloadSelectedMode.IMAGE) }
|
||||||
>
|
>
|
||||||
<div className="mail-icon">
|
<div className="mail-icon">
|
||||||
@@ -142,7 +142,7 @@ export const DownloadBottomSheet = ({
|
|||||||
{ !!sheetEmailMode &&
|
{ !!sheetEmailMode &&
|
||||||
<>
|
<>
|
||||||
<div
|
<div
|
||||||
className="email-label"
|
className={ `email-label ${selectedMode === DownloadSelectedMode.EMAIL? 'active': ''}` }
|
||||||
onClick={ () => onClickToSelectMode(DownloadSelectedMode.EMAIL) }
|
onClick={ () => onClickToSelectMode(DownloadSelectedMode.EMAIL) }
|
||||||
>
|
>
|
||||||
<div className="mail-icon">
|
<div className="mail-icon">
|
||||||
|
|||||||
@@ -402,8 +402,7 @@ export const AmountInfoSection = ({
|
|||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
<div className="txn-doc">
|
<div className="txn-doc">
|
||||||
{
|
{ (transactionCategory === TransactionCategory.CashReceipt) &&
|
||||||
(transactionCategory === TransactionCategory.CashReceipt) &&
|
|
||||||
!!canDownloadReceipt &&
|
!!canDownloadReceipt &&
|
||||||
<button
|
<button
|
||||||
className="doc-btn"
|
className="doc-btn"
|
||||||
|
|||||||
@@ -515,4 +515,8 @@ main.pop{
|
|||||||
min-width: 240px;
|
min-width: 240px;
|
||||||
max-width: 320px;
|
max-width: 320px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.email-label.active .label-text {
|
||||||
|
color: blue;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user