feat: styling of custom box

This commit is contained in:
karishmas6
2024-10-19 06:23:41 +05:30
parent c87decae22
commit 9d236fa224

View File

@@ -3,11 +3,11 @@ import styled from 'styled-components';
const CustomBoxContainer = styled.div` const CustomBoxContainer = styled.div`
position: relative; position: relative;
width: 200px; /* Adjust width as needed */ width: 300px; /* Adjust width as needed */
height: 200px; /* Adjust height as needed */ height: 200px; /* Adjust height as needed */
border: 2px solid black; border: 2px solid #ff00c3;
background-color: white; background-color: white;
margin: 50px auto; margin: 30px auto;
`; `;
const Triangle = styled.div` const Triangle = styled.div`
@@ -19,7 +19,7 @@ const Triangle = styled.div`
height: 0; height: 0;
border-left: 20px solid transparent; border-left: 20px solid transparent;
border-right: 20px solid transparent; border-right: 20px solid transparent;
border-bottom: 20px solid black; border-bottom: 20px solid #ff00c3;
`; `;
const Content = styled.div` const Content = styled.div`