drm/games
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better fanned hands

Browse Source
This commit is contained in:
Daniel McCrystal
2025-09-02 23:21:48 -04:00
parent 67fdf66cd4
commit d203fe4141
2 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pkg/client/src/components/FannedHand.tsx
View File

@@ -12,14 +12,14 @@ export default (props: { handCount: number }) => {
face="down" face="down"
width="40px" width="40px"
style={{ style={{
"margin-left": "-10px", "margin-left": "-12px",
"margin-right": "-10px", "margin-right": "-12px",
transform: `rotate(${ transform: `translate(0px, ${Math.pow(
midOffset * 0.2 Math.abs(midOffset),
}rad) translate(0px, ${ 2
2 ** Math.abs(midOffset) * 2 )}px) rotate(${midOffset * 0.12}rad)`,
}px)`, "min-width": "40px",
"box-shadow": "-4px 4px 4px rgba(0, 0, 0, 0.7)", "box-shadow": "-4px 4px 6px rgba(0, 0, 0, 0.6)",
}} }}
/> />
); );

4
pkg/client/src/components/Game.tsx
View File

@@ -66,9 +66,7 @@ export default () => {
const midOffset = const midOffset =
i() + 0.5 - Object.values(view().playerHandCounts).length / 2; i() + 0.5 - Object.values(view().playerHandCounts).length / 2;
ref.style = `position: absolute; display: flex; justify-content: center; top: 65%; transform: translate(${Math.abs( ref.style = `position: absolute; display: flex; justify-content: center; top: 65%;`;
midOffset * 0
)}px, 0px) rotate(${midOffset * 1}rad)`;
}} }}
> >
<FannedHand handCount={handCount} /> <FannedHand handCount={handCount} />