aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-05 23:44:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix css calc rule

Browse Source
This commit is contained in:
MTG2000
2022-01-16 21:12:26 +02:00
parent ea20ea6784
commit 69c0508d83
2 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Components/TipButton/TipButton.tsx
View File

@@ -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'

6
src/Components/TipButton/tipbutton.style.css
View File

@@ -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%);
}