style: mudanças de estilização

zolppy · Oct 19, 2024 · 8cfd96f · 8cfd96f
1 parent 49e30ef
commit 8cfd96f
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 8 deletions.
diff --git a/src/components/AddModal/index.tsx b/src/components/AddModal/index.tsx
@@ -33,7 +33,7 @@ const AddModal = () => {
           animate="visible"
           exit="hidden"
           transition={transition}
-          className="bg-black text-white border border-white min-w-[320px] w-[90%] max-w-[620px] mx-auto fixed rounded-lg p-3 flex flex-col gap-y-6"
+          className="bg-neutral-900 text-white border border-white border-opacity-50 min-w-[320px] w-[90%] max-w-[620px] mx-auto fixed rounded-lg p-3 flex flex-col gap-y-6"
         >
           <Header>
             <H1>Adição de Movimentação</H1>
@@ -57,7 +57,7 @@ const AddModal = () => {
                 <Input
                   type="number"
                   id="value"
-                  placeholder="2,00"
+                  placeholder="Valor da movimentação"
                   step={0.1}
                   value={currentMovimentation.value as string}
                   min={0}

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -16,7 +16,7 @@ const Footer = () => {
         </a>
       </p>
       <a href="https://github.com/zolppy/balance" target="_blank">
-        <BiLogoGithub className="text-4xl" />
+        <BiLogoGithub className="text-5xl" />
       </a>
     </footer>
   );

diff --git a/src/components/ReceivedTable/index.tsx b/src/components/ReceivedTable/index.tsx
@@ -66,7 +66,9 @@ const ReceivedTable = () => {
           </tbody>
         </table>
       ) : (
-        <h2 className="text-green-600 font-bold">Sem dados para exibir</h2>
+        <h2 className="text-green-600 font-bold text-xl">
+          Sem dados para exibir
+        </h2>
       )}
     </>
   );

diff --git a/src/components/RemoveModal/index.tsx b/src/components/RemoveModal/index.tsx
@@ -18,7 +18,7 @@ const RemoveModal = () => {
           animate="visible"
           exit="hidden"
           transition={transition}
-          className="bg-black text-white border border-white min-w-[320px] w-[90%] max-w-[620px] mx-auto fixed rounded-lg p-3 flex flex-col gap-y-6"
+          className="bg-neutral-900 text-white border border-white border-opacity-50 min-w-[320px] w-[90%] max-w-[620px] mx-auto fixed rounded-lg p-3 flex flex-col gap-y-6"
         >
           <Header>
             <H1>Remoção de Movimentação</H1>

diff --git a/src/components/SpentTable/index.tsx b/src/components/SpentTable/index.tsx
@@ -64,7 +64,9 @@ const SpentTable = () => {
           </tbody>
         </table>
       ) : (
-        <h2 className="text-red-600 font-bold">Sem dados para exibir</h2>
+        <h2 className="text-red-600 font-bold text-xl">
+          Sem dados para exibir
+        </h2>
       )}
     </>
   );

diff --git a/utils/animations/modal.ts b/utils/animations/modal.ts
@@ -3,8 +3,8 @@ import { Variants } from "framer-motion";
 const transition = { type: "spring", duration: 0.8 };
 
 const variants: Variants = {
-  hidden: { top: "150%", translateY: "-50%" },
-  visible: { top: "50%", translateY: "-50%" },
+  hidden: { top: "150%", translateY: "-50%", opacity: 0 },
+  visible: { top: "50%", translateY: "-50%", opacity: 1 },
 };
 
 export { transition, variants };