From 51e2ac277244f47626bd1a3ae3af0f0a31f5cd9f Mon Sep 17 00:00:00 2001
From: Daniela Caus <38079926+danicaus@users.noreply.github.com>
Date: Sat, 7 Sep 2024 01:18:57 -0300
Subject: [PATCH] style(user): reduz tamanho do user Dashboard

---
 src/components/User/index.tsx           |  2 +-
 src/components/User/user.scss           | 28 ++++++++++++-------------
 src/components/UsersDashboard/index.tsx |  2 +-
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/User/index.tsx b/src/components/User/index.tsx
index 66077c0..7539f09 100644
--- a/src/components/User/index.tsx
+++ b/src/components/User/index.tsx
@@ -12,7 +12,7 @@ export function TVUser({ user }: { user: IUser }) {
   return (
     <div className={`flex flex-col items-center justify-center ${user.isOnline ? 'opacity-100' : 'opacity-20'}`} >
       {userHasStar && <p className="mb-1 tv:text-[1.75rem]">⭐️</p>}
-      <div className={`relative w-[12.125rem] h-[12.125rem]`}>
+      <div className={`relative w-[11.5rem] h-[11.5rem]`}>
         <TVActivations userActivations={user.activations} />
         <div
           className="baseUser">
diff --git a/src/components/User/user.scss b/src/components/User/user.scss
index 4c379b9..53e587c 100644
--- a/src/components/User/user.scss
+++ b/src/components/User/user.scss
@@ -12,8 +12,8 @@
   transform: translate(-50%, -50%);
 
   @media screen and (min-width: 1080px) {
-    width: 70px;
-    height: 70px;
+    width: 60px;
+    height: 60px;
   }
 }
 
@@ -32,8 +32,8 @@
 
   @media screen and (min-width: 1080px) {
     border-width: 10px;
-    width: 98px;
-    height: 98px;
+    width: 88px;
+    height: 88px;
   }
 
   &.incomplete, &.GAME {
@@ -43,7 +43,7 @@
 
     @media screen and (min-width: 1080px) {
       $t: 10;
-      $w: 98;
+      $w: 88;
       clip-path: path("M 0, #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 #{$w} #{$w*0.5} L #{$w - $t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$w - $t} #{$w*0.5} L #{$w} #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 0 #{$w*0.5} Z");
     }
   }
@@ -63,8 +63,8 @@
 
   @media screen and (min-width: 1080px) {
     border-width: 10px;
-    width: 130px;
-    height: 130px;
+    width: 120px;
+    height: 120px;
   }
   
   &.incomplete, &.GAME {
@@ -74,7 +74,7 @@
 
     @media screen and (min-width: 1080px) {
       $t: 10;
-      $w: 130;
+      $w: 120;
       clip-path: path("M 0, #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 #{$w} #{$w*0.5} L #{$w - $t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$w - $t} #{$w*0.5} L #{$w} #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 0 #{$w*0.5} Z");
     }
   }
@@ -93,8 +93,8 @@
 
   @media screen and (min-width: 1080px) {
     border-width: 10px;
-    width: 162px;
-    height: 162px;
+    width: 152px;
+    height: 152px;
   }
 
   &.incomplete, &.GAME {
@@ -104,7 +104,7 @@
 
     @media screen and (min-width: 1080px) {
       $t: 10;
-      $w: 162;
+      $w: 152;
       clip-path: path("M 0, #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 #{$w} #{$w*0.5} L #{$w - $t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$w - $t} #{$w*0.5} L #{$w} #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 0 #{$w*0.5} Z");
     }
   }
@@ -125,8 +125,8 @@
 
   @media screen and (min-width: 1080px) {
     border-width: 10px;
-    width: 194px;
-    height: 194px;
+    width: 184px;
+    height: 184px;
   }
 
   &.incomplete, &.GAME {
@@ -136,7 +136,7 @@
 
     @media screen and (min-width: 1080px) {
       $t: 10;
-      $w: 194;
+      $w: 184;
       clip-path: path("M 0, #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 #{$w} #{$w*0.5} L #{$w - $t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$t} #{$w*0.5} A #{($w - $t*2) *.5} #{($w - $t*2) *.5} 0 0 0 #{$w - $t} #{$w*0.5} L #{$w} #{$w*0.5} A #{$w*0.5} #{$w*0.5} 0 0 1 0 #{$w*0.5} Z");
     }
   }
diff --git a/src/components/UsersDashboard/index.tsx b/src/components/UsersDashboard/index.tsx
index 25a53b1..09aa3b1 100644
--- a/src/components/UsersDashboard/index.tsx
+++ b/src/components/UsersDashboard/index.tsx
@@ -51,7 +51,7 @@ export default function UsersDashboard() {
   const createBall = (user: IUser) => {
     const containerWidth = containerRef.current!.clientWidth;
     const containerHeight = containerRef.current!.clientHeight;
-    const userActivationDiameter = 194;
+    const userActivationDiameter = 184;
 
     const size =
       windowWidth > 3000