diff --git a/components/LeftPanel/LeftPanel.module.scss b/components/LeftPanel/LeftPanel.module.scss index 9c671c4..551d346 100644 --- a/components/LeftPanel/LeftPanel.module.scss +++ b/components/LeftPanel/LeftPanel.module.scss @@ -36,7 +36,10 @@ display: flex; justify-content: center; flex-direction: column; - + .containerBtn{ + display: flex; + gap: 0.5rem; + } @media (max-width: 992px) { flex: auto; } diff --git a/components/LeftPanel/LeftPanel.tsx b/components/LeftPanel/LeftPanel.tsx index fba442c..b104357 100644 --- a/components/LeftPanel/LeftPanel.tsx +++ b/components/LeftPanel/LeftPanel.tsx @@ -4,6 +4,7 @@ import { LeftPanelPropsI } from './LeftPanelProps'; import styles from './LeftPanel.module.scss'; import React from 'react'; import disputeIcon from 'public/images/disputeIcon.svg'; +import hourglassIcon from 'public/images/hourglassIcon.svg' export const LeftPanel: React.FC = ({ players, @@ -30,14 +31,26 @@ export const LeftPanel: React.FC = ({ disabled={!isDisputAvailable} onClick={onRunDisput} /> - +
+ + +
); diff --git a/public/images/hourglassIcon.svg b/public/images/hourglassIcon.svg new file mode 100644 index 0000000..d55ef4d --- /dev/null +++ b/public/images/hourglassIcon.svg @@ -0,0 +1,6 @@ + + + + + +