From 48990b860f678f0334dce302921c2ba4552dd190 Mon Sep 17 00:00:00 2001 From: Mohansai Mallineni Date: Fri, 1 Aug 2025 21:09:51 +0530 Subject: [PATCH] Handled styling of new icons --- .../src/Pages/Incidents/Components/StatusBoxes/StatusBox.css | 5 +++++ .../src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.css diff --git a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.css b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.css new file mode 100644 index 000000000..bff2c0477 --- /dev/null +++ b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.css @@ -0,0 +1,5 @@ +svg { + width: 20px; + height: 20px; + opacity: 0.9; +} \ No newline at end of file diff --git a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx index adf4faa8b..54c89ee3d 100644 --- a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx +++ b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx @@ -6,7 +6,7 @@ import AlertIcon from "../../../../assets/icons/alert-icon.svg?react"; import CheckIcon from "../../../../assets/icons/check-icon.svg?react"; import CloseIcon from "../../../../assets/icons/close-icon.svg?react"; import WarningIcon from "../../../../assets/icons/warning-icon.svg?react"; - +import "./StatusBox.css"; const StatusBox = ({ title, value, status }) => { const theme = useTheme(); let sharedStyles = {