diff --git a/public/image/home/countdown/CardBottomHalf.svg b/public/image/home/countdown/CardBottomHalf.svg index bc5ea89..b32bc1d 100644 --- a/public/image/home/countdown/CardBottomHalf.svg +++ b/public/image/home/countdown/CardBottomHalf.svg @@ -1,3 +1,6 @@ - - + + + \ No newline at end of file diff --git a/public/image/home/countdown/CardTopHalf.svg b/public/image/home/countdown/CardTopHalf.svg index aaecdeb..5a2aeb5 100644 --- a/public/image/home/countdown/CardTopHalf.svg +++ b/public/image/home/countdown/CardTopHalf.svg @@ -1,3 +1,6 @@ - - + + + \ No newline at end of file diff --git a/src/components/home/Countdown.css b/src/components/home/Countdown.css index 2efc8ab..9cc6b28 100644 --- a/src/components/home/Countdown.css +++ b/src/components/home/Countdown.css @@ -65,6 +65,7 @@ justify-content: center; /* background: var(--fcc-background); */ background: url("/image/home/countdown/CardBottomHalf.svg"); + background-size: contain; } ._SKh-V { align-items: flex-end; @@ -73,6 +74,7 @@ border-top-right-radius: 4px; /* border-bottom: var(--fcc-divider-height) solid var(--fcc-divider-color); */ background: url("/image/home/countdown/CardTopHalf.svg"); + background-size: contain; font-family: "Fredoka", cursive !important; } ._106d2 { @@ -91,6 +93,7 @@ transform-origin: bottom; transform: rotateX(0); background: url("/image/home/countdown/CardTopHalf.svg"); + background-size: contain; font-family: "Fredoka", cursive !important; } ._3luxx._2kgZC { diff --git a/src/components/home/Countdown.tsx b/src/components/home/Countdown.tsx index 2a273eb..16bad88 100644 --- a/src/components/home/Countdown.tsx +++ b/src/components/home/Countdown.tsx @@ -5,7 +5,7 @@ export default function Countdown() { return (