Made icon sizing based on px rather than vh

This commit is contained in:
Keannu Christian Bernasol 2023-03-03 12:35:32 +08:00
parent 2551b1fb38
commit c9b18608a1
24 changed files with 83 additions and 65 deletions

View file

@ -8,8 +8,8 @@ export default function AddIcon(props: props) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={props.size + "vh"}
height={props.size + "vh"}
width={props.size + "px"}
height={props.size + "px"}
viewBox="0 0 24 24"
fill="none"
stroke={props.color}

View file

@ -9,8 +9,8 @@ export default function CancelIcon(props: props) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={props.size + "vh"}
height={props.size + "vh"}
width={props.size + "px"}
height={props.size + "px"}
viewBox="0 0 24 24"
fill="none"
stroke={props.color}

View file

@ -8,8 +8,8 @@ export default function DeleteIcon(props: props) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={props.size + "vh"}
height={props.size + "vh"}
width={props.size + "px"}
height={props.size + "px"}
viewBox="0 0 24 24"
fill="none"
stroke={props.color}

View file

@ -8,8 +8,8 @@ export default function EditIcon(props: props) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={props.size + "vh"}
height={props.size + "vh"}
width={props.size + "px"}
height={props.size + "px"}
viewBox="0 0 24 24"
fill="none"
stroke={props.color}