From 9d236fa2242a2dcedecdda8ffb22a1d83df6ec4d Mon Sep 17 00:00:00 2001 From: karishmas6 Date: Sat, 19 Oct 2024 06:23:41 +0530 Subject: [PATCH] feat: styling of custom box --- src/components/molecules/ActionDescriptionBox.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/molecules/ActionDescriptionBox.tsx b/src/components/molecules/ActionDescriptionBox.tsx index 9778e315..8ead5a26 100644 --- a/src/components/molecules/ActionDescriptionBox.tsx +++ b/src/components/molecules/ActionDescriptionBox.tsx @@ -3,11 +3,11 @@ import styled from 'styled-components'; const CustomBoxContainer = styled.div` position: relative; - width: 200px; /* Adjust width as needed */ + width: 300px; /* Adjust width as needed */ height: 200px; /* Adjust height as needed */ - border: 2px solid black; + border: 2px solid #ff00c3; background-color: white; - margin: 50px auto; + margin: 30px auto; `; const Triangle = styled.div` @@ -19,7 +19,7 @@ const Triangle = styled.div` height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; - border-bottom: 20px solid black; + border-bottom: 20px solid #ff00c3; `; const Content = styled.div`