From 69c0508d833ade4855a73edb840365e28222ce6d Mon Sep 17 00:00:00 2001 From: MTG2000 Date: Sun, 16 Jan 2022 21:12:26 +0200 Subject: [PATCH] fix: fix css calc rule --- src/Components/TipButton/TipButton.tsx | 2 +- src/Components/TipButton/tipbutton.style.css | 6 ++---- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/src/Components/TipButton/TipButton.tsx b/src/Components/TipButton/TipButton.tsx index 6cdbab0..f33a332 100644 --- a/src/Components/TipButton/TipButton.tsx +++ b/src/Components/TipButton/TipButton.tsx @@ -2,7 +2,7 @@ import { MdLocalFireDepartment } from 'react-icons/md' import Button from 'src/Components/Button/Button' import { useAppSelector, usePressHolder } from 'src/utils/hooks' import _throttle from 'lodash.throttle' -import { ComponentProps, useEffect, useState } from 'react' +import { ComponentProps, useState } from 'react' import './tipbutton.style.css' import { random, randomItem } from 'src/utils/helperFunctions' diff --git a/src/Components/TipButton/tipbutton.style.css b/src/Components/TipButton/tipbutton.style.css index 06c1d8a..2cae46d 100644 --- a/src/Components/TipButton/tipbutton.style.css +++ b/src/Components/TipButton/tipbutton.style.css @@ -5,8 +5,6 @@ } .tip-counter { - --pos-y: 0; - position: absolute; left: 50%; bottom: 110%; @@ -15,8 +13,8 @@ font-size: 21px; will-change: transform; opacity: min(calc(var(--scale) * 1), 1); - transform: translate(-50%, max(calc(-1px * var(--scale) / 10), -30px)) - scale(calc(1 + min(calc(var(--scale) / 150), 2))); + transform: translate(-50%, max(calc(-1px * var(--scale) / 10), -30px)), + scale(calc(1 + min(var(--scale) / 150, 2))); text-shadow: 0 0 4px hsl(25, 100%, 50%); }