From 38262f262efc9ffe07327bcaf02d898dd5a495a0 Mon Sep 17 00:00:00 2001 From: Wellington Braga Date: Thu, 14 Mar 2024 16:45:18 -0300 Subject: [PATCH] =?UTF-8?q?fix:=20:lipstick:=20Corre=C3=A7=C3=A3o=20do=20b?= =?UTF-8?q?ackground=20do=20Loading=20Componente?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/Icon.png | Bin 0 -> 27595 bytes src/app/(app)/loading.tsx | 36 +- src/assets/Icons/EmptyBox.tsx | 20 + src/assets/Icons/index.tsx | 1181 +++++++++++++-------------- src/assets/Images/fcLogoRed.svg | 4 - src/components/NoContent/index.tsx | 9 +- src/components/NoContent/styles.tsx | 5 +- src/screens/home/index.tsx | 2 +- src/screens/login/styles.ts | 524 ++++++------ src/types/index.tsx | 5 +- 10 files changed, 893 insertions(+), 893 deletions(-) create mode 100644 public/Icon.png create mode 100644 src/assets/Icons/EmptyBox.tsx delete mode 100644 src/assets/Images/fcLogoRed.svg diff --git a/public/Icon.png b/public/Icon.png new file mode 100644 index 0000000000000000000000000000000000000000..2f7d15c16f08dbe48c35f03cfc7fb76a8e38e4b2 GIT binary patch literal 27595 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 zΞ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 literal 0 HcmV?d00001 diff --git a/src/app/(app)/loading.tsx b/src/app/(app)/loading.tsx index 645f1a78..9971cd30 100644 --- a/src/app/(app)/loading.tsx +++ b/src/app/(app)/loading.tsx @@ -1,18 +1,18 @@ -import { LoginMobile, Logo } from "@/screens/login/styles"; -import Image from "next/image"; - -export default function Loading() { - // You can add any UI inside Loading, including a Skeleton. - return ( - - - Services logo - - - ); -} +"use client"; + +import { PageContainer } from "@/styles"; +import Image from "next/image"; + +export default function Loading() { + // You can add any UI inside Loading, including a Skeleton. + return ( + + Services logo + + ); +} diff --git a/src/assets/Icons/EmptyBox.tsx b/src/assets/Icons/EmptyBox.tsx new file mode 100644 index 00000000..b981aef3 --- /dev/null +++ b/src/assets/Icons/EmptyBox.tsx @@ -0,0 +1,20 @@ +import { IconProps } from ".."; + +export const EmptyBox = ({ + color, + height = 32, + width = 32, + size +}: IconProps) => { + return ( + + + + ); +}; diff --git a/src/assets/Icons/index.tsx b/src/assets/Icons/index.tsx index 2668b8ef..bb068920 100644 --- a/src/assets/Icons/index.tsx +++ b/src/assets/Icons/index.tsx @@ -1,600 +1,581 @@ -import { type IconProps } from "@/types"; -import Filter from "./filter.svg"; - -export const LogoFC = () => { - return ( - - - - - ); -}; - -export const PlusIcon = () => { - return ( - - - - - - - - - - - - - - - ); -}; - -export const Selo = () => { - return ( - - - - - - - - - - - - - - - - - - - - - - ); -}; - -export const EmailIcon = ({ width, height, color }: IconProps) => { - return ( - - - - - - - - - - - - - - - ); -}; - -export const FcLogoMobile = () => { - return ( - - - - - - - - - - - - - - - - - ); -}; - -export const CallsIcon = ({ width, height, color }: IconProps) => { - return ( - - - - - - - - - - - - - - - ); -}; -export const HomeIcon = ({ width, height, color }: IconProps) => { - return ( - - - - - - - - - - - - - - - - ); -}; - -export const SettingsIcon = ({ width, height, color }: IconProps) => { - return ( - - - - - - - - - - - - - - - ); -}; - -export const UserExists = () => { - return ( - - - - - - - - - - - - - - - ); -}; - -export const FilterIcon = () => { - return ; -}; - -export const SearchIcon = ({ - width = "40px", - height = "40px", - color = "black" -}: IconProps) => { - return ( - - - - ); -}; - -export const ClearIcon = ({ - width = "40px", - height = "40px", - color = "black" -}: IconProps) => { - return ( - - - - ); -}; - -export const ClearDisabledIcon = ({ - width = "40px", - height = "40px", - color = "black" -}: IconProps) => { - return ( - - - - ); -}; - -// export const EyeIcon = ({ -// width = "40px", -// height = "40px", -// color = "black", -// }: IconProps) => { -// return ( -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// ); -// }; - -// export const EyeClosedIcon = ({ -// width = "40px", -// height = "40px", -// color = "black", -// }: IconProps) => { -// return ( -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// ); -// }; +import { type IconProps } from "@/types"; +import Filter from "./filter.svg"; + +export const PlusIcon = () => { + return ( + + + + + + + + + + + + + + + ); +}; + +export const Selo = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export const EmailIcon = ({ width, height, color }: IconProps) => { + return ( + + + + + + + + + + + + + + + ); +}; + +export const CallsIcon = ({ width, height, color }: IconProps) => { + return ( + + + + + + + + + + + + + + + ); +}; +export const HomeIcon = ({ width, height, color }: IconProps) => { + return ( + + + + + + + + + + + + + + + + ); +}; + +export const SettingsIcon = ({ width, height, color }: IconProps) => { + return ( + + + + + + + + + + + + + + + ); +}; + +export const UserExists = () => { + return ( + + + + + + + + + + + + + + + ); +}; + +export const FilterIcon = () => { + return ; +}; + +export const SearchIcon = ({ + width = "40px", + height = "40px", + color = "black" +}: IconProps) => { + return ( + + + + ); +}; + +export const ClearIcon = ({ + width = "40px", + height = "40px", + color = "black" +}: IconProps) => { + return ( + + + + ); +}; + +export const ClearDisabledIcon = ({ + width = "40px", + height = "40px", + color = "black" +}: IconProps) => { + return ( + + + + ); +}; + +// export const EyeIcon = ({ +// width = "40px", +// height = "40px", +// color = "black", +// }: IconProps) => { +// return ( +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// ); +// }; + +// export const EyeClosedIcon = ({ +// width = "40px", +// height = "40px", +// color = "black", +// }: IconProps) => { +// return ( +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// ); +// }; + +export * from "./EmptyBox"; diff --git a/src/assets/Images/fcLogoRed.svg b/src/assets/Images/fcLogoRed.svg deleted file mode 100644 index ff331197..00000000 --- a/src/assets/Images/fcLogoRed.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/components/NoContent/index.tsx b/src/components/NoContent/index.tsx index da2a00f0..7a92e723 100644 --- a/src/components/NoContent/index.tsx +++ b/src/components/NoContent/index.tsx @@ -1,10 +1,11 @@ "use client"; import { NoContentProps } from "@/types"; -import EmptyBox from "@/assets/Images/EmptyBox.png"; + import { NoContentContainer, NoContentTitle } from "./styles"; import Image from "next/image"; import { useTheme } from "styled-components"; +import { EmptyBox } from "@/assets"; export const NoContent = ({ title, @@ -16,11 +17,13 @@ export const NoContent = ({ const theme = useTheme(); return ( - {typeof icon === "string" || typeof icon === "undefined" ? ( + {typeof icon === "string" ? ( {alt + ) : typeof icon === "undefined" ? ( + ) : ( icon )} diff --git a/src/components/NoContent/styles.tsx b/src/components/NoContent/styles.tsx index 795c0667..c4ec5e91 100644 --- a/src/components/NoContent/styles.tsx +++ b/src/components/NoContent/styles.tsx @@ -14,11 +14,10 @@ export const NoContentContainer = styled.div` `; export const NoContentTitle = styled.h1` - font-size: ${({ fontSize }) => fontSize || "24px"}; + font-size: ${({ fontSize }) => fontSize || "1.5rem"}; font-weight: 600; - line-height: 29px; letter-spacing: -0.005em; - line-height: 132%; + line-height: 108%; text-align: center; word-wrap: break-word; color: ${({ color }) => color ?? "#494949"}; diff --git a/src/screens/home/index.tsx b/src/screens/home/index.tsx index db0b2590..160b8d7a 100644 --- a/src/screens/home/index.tsx +++ b/src/screens/home/index.tsx @@ -44,7 +44,7 @@ const Homepage = () => { )} diff --git a/src/screens/login/styles.ts b/src/screens/login/styles.ts index d2da618f..11da694d 100644 --- a/src/screens/login/styles.ts +++ b/src/screens/login/styles.ts @@ -1,262 +1,262 @@ -"use client"; - -import { CustomLink } from "@/components"; -import { Column } from "@/styles"; -import styled, { css } from "styled-components"; - -export const LoginBoxContainer = styled.div` - display: flex; - width: 40rem; - height: 42.4rem; - background: #f6f7f7; - box-shadow: 0px 10px 19px rgba(178, 179, 181, 0.7); - border-radius: 6px; - margin-top: 8.25rem; - flex-direction: column; - align-items: center; -`; -export const WelcomeText = styled.h1` - margin-top: 4.5rem; - width: 100%; - height: 7.9rem; - - font-weight: 700px; - font-size: 3.2rem; - color: #7ac143; - text-align: center; -`; -export const DivLogin = styled.div` - display: flex; - width: 32rem; - height: 3.571rem; - align-items: center; - img { - margin-left: -4rem; - margin-top: 0.5rem; - } -`; - -export const LoginText = styled.h1` - font-style: normal; - font-weight: 600; - font-size: 16px; - line-height: 19px; - color: #000000; - padding-top: 2rem; -`; -export const LoginForgotText = styled.h1` - font-style: normal; - font-weight: 600; - font-size: 14px; - line-height: 19px; - color: #000000; - padding-top: 0.9rem; - cursor: pointer; -`; -export const AsteriscText = styled.span` - font-style: normal; - font-weight: 600; - font-size: 16px; - color: #e71c35; -`; - -export const InputLogin = styled.input` - width: 32rem; - height: 3.571rem; - background: #e5e6e6; - box-shadow: inset 0px 3px 8px -1px rgba(0, 0, 0, 0.15); - border-radius: 6px; - - font-style: normal; - font-weight: 400; - font-size: 14px; - line-height: 17px; - color: #858585; - padding-left: 1.5rem; - margin-top: 0.5rem; -`; -export const ButtonLogin = styled.button` - width: 32rem; - height: 4rem; - background: #da0812; - border-radius: 2px; - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - font-size: 2rem; - line-height: 23px; - text-align: center; - color: #ffffff; - margin-top: 2.9rem; - cursor: pointer; -`; - -export const ContainerLogin = styled.div` - display: flex; - - flex-direction: column; - .GoLeft { - align-self: flex-end; - } -`; - -export const Logo = styled.div` - display: flex; - justify-content: center; - align-items: center; - width: 100%; - max-height: 280px; - flex: 1; - /* padding: 128px 0; */ -`; - -export const LoginMobile = styled.div` - display: flex; - width: 100%; - height: 100lvh; - padding: 0px 20px; - flex-direction: column; - align-items: center; - justify-content: space-evenly; - background-color: #f8fcf6; -`; - -export const TextMobile = styled.h1` - color: #53565a; - font-size: 2rem; - font-weight: 500; - margin-bottom: calc(2rem - 0.3rem); -`; - -export const InputSection = styled(Column)` - display: flex; - gap: 1rem; - /* margin-bottom: 28px; */ - - & > div > input:focus:valid, - & > div > input:valid { - background-color: #ebf6e3; - border-bottom: 1px solid #7ac143; - } - - & > div > input:focus:invalid { - background-color: #fbdde1; - border-bottom: 2px solid #b3261e; - } -`; - -export const PasswordMobile = styled.input``; - -export const PasswordText = styled.span``; - -export const PasswordInput = styled.div` - & > div { - width: 100%; - display: flex; - flex-direction: row; - } - & > input { - display: flex; - align-items: center; - padding-right: 4px; - height: 5.5rem; - width: 100%; - background-color: #e5e6e6; - padding: 8px 4px; - border-radius: 4px 4px 0px 0px; - margin-bottom: 8px; - font-size: 2rem; - color: #1c1b1fb2; - font-weight: 400; - } -`; - -export const ButtonSection = styled.div` - display: flex; - flex-direction: column; - align-items: center; - padding: 1.2rem; - padding-top: 2.4rem; - gap: 1rem; - - span, - a { - font-weight: 500; - text-align: center; - } - span { - font-size: 14px; - } - p { - font-size: 16px; - color: #131312; - } - - p > a { - color: #2b6c01; - font-size: 16px; - } -`; - -interface AccessButtonProps { - $isInactive: boolean; -} - -export const AccessButton = styled.button` - display: flex; - align-items: center; - justify-content: center; - border-radius: 100px; - height: 40px; - width: 265px; - gap: 8px; - align-self: center; - - ${({ $isInactive }) => - $isInactive - ? css` - background-color: #dee0dd; - color: #919793; - ` - : css` - background: #ea374d; - color: #fff; - `} -`; - -export const FormContainer = styled.form``; -export const ScreenContainer = styled.div` - display: flex; - flex-direction: column; - align-items: center; - width: 100vw; - height: 100vh; - transition: 1s ease-in-out; - - @media (max-width: 450px) { - ${LoginMobile} { - display: flex; - flex-direction: column; - } - background-color: #ffffff; - ${LoginBoxContainer} { - display: none; - } - } -`; - -export const ForgotPassword = styled(CustomLink)` - display: flex; - justify-content: flex-end; - color: #5a8f19; - font-size: 14px; - font-weight: 500; -`; - -export const ForgotPasswordContainer = styled.div` - display: flex; - align-items: center; - justify-content: end; - padding: 0.5rem; - padding-right: 0; -`; +"use client"; + +import { CustomLink } from "@/components"; +import { Column } from "@/styles"; +import styled, { css } from "styled-components"; + +export const LoginBoxContainer = styled.div` + display: flex; + width: 40rem; + height: 42.4rem; + background: #f6f7f7; + box-shadow: 0px 10px 19px rgba(178, 179, 181, 0.7); + border-radius: 6px; + margin-top: 8.25rem; + flex-direction: column; + align-items: center; +`; +export const WelcomeText = styled.h1` + margin-top: 4.5rem; + width: 100%; + height: 7.9rem; + + font-weight: 700px; + font-size: 3.2rem; + color: #7ac143; + text-align: center; +`; +export const DivLogin = styled.div` + display: flex; + width: 32rem; + height: 3.571rem; + align-items: center; + img { + margin-left: -4rem; + margin-top: 0.5rem; + } +`; + +export const LoginText = styled.h1` + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 19px; + color: #000000; + padding-top: 2rem; +`; +export const LoginForgotText = styled.h1` + font-style: normal; + font-weight: 600; + font-size: 14px; + line-height: 19px; + color: #000000; + padding-top: 0.9rem; + cursor: pointer; +`; +export const AsteriscText = styled.span` + font-style: normal; + font-weight: 600; + font-size: 16px; + color: #e71c35; +`; + +export const InputLogin = styled.input` + width: 32rem; + height: 3.571rem; + background: #e5e6e6; + box-shadow: inset 0px 3px 8px -1px rgba(0, 0, 0, 0.15); + border-radius: 6px; + + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 17px; + color: #858585; + padding-left: 1.5rem; + margin-top: 0.5rem; +`; +export const ButtonLogin = styled.button` + width: 32rem; + height: 4rem; + background: #da0812; + border-radius: 2px; + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + font-size: 2rem; + line-height: 23px; + text-align: center; + color: #ffffff; + margin-top: 2.9rem; + cursor: pointer; +`; + +export const ContainerLogin = styled.div` + display: flex; + + flex-direction: column; + .GoLeft { + align-self: flex-end; + } +`; + +export const Logo = styled.div` + display: flex; + justify-content: center; + align-items: center; + width: 100%; + max-height: 280px; + flex: 1; + /* padding: 128px 0; */ +`; + +export const LoginMobile = styled.div` + display: flex; + width: 100%; + height: 100lvh; + padding: 0px 20px; + flex-direction: column; + align-items: center; + justify-content: space-evenly; + background-color: #f5f5f5; +`; + +export const TextMobile = styled.h1` + color: #53565a; + font-size: 2rem; + font-weight: 500; + margin-bottom: calc(2rem - 0.3rem); +`; + +export const InputSection = styled(Column)` + display: flex; + gap: 1rem; + /* margin-bottom: 28px; */ + + & > div > input:focus:valid, + & > div > input:valid { + background-color: #ebf6e3; + border-bottom: 1px solid #7ac143; + } + + & > div > input:focus:invalid { + background-color: #fbdde1; + border-bottom: 2px solid #b3261e; + } +`; + +export const PasswordMobile = styled.input``; + +export const PasswordText = styled.span``; + +export const PasswordInput = styled.div` + & > div { + width: 100%; + display: flex; + flex-direction: row; + } + & > input { + display: flex; + align-items: center; + padding-right: 4px; + height: 5.5rem; + width: 100%; + background-color: #e5e6e6; + padding: 8px 4px; + border-radius: 4px 4px 0px 0px; + margin-bottom: 8px; + font-size: 2rem; + color: #1c1b1fb2; + font-weight: 400; + } +`; + +export const ButtonSection = styled.div` + display: flex; + flex-direction: column; + align-items: center; + padding: 1.2rem; + padding-top: 2.4rem; + gap: 1rem; + + span, + a { + font-weight: 500; + text-align: center; + } + span { + font-size: 14px; + } + p { + font-size: 16px; + color: #131312; + } + + p > a { + color: #2b6c01; + font-size: 16px; + } +`; + +interface AccessButtonProps { + $isInactive: boolean; +} + +export const AccessButton = styled.button` + display: flex; + align-items: center; + justify-content: center; + border-radius: 100px; + height: 40px; + width: 265px; + gap: 8px; + align-self: center; + + ${({ $isInactive }) => + $isInactive + ? css` + background-color: #dee0dd; + color: #919793; + ` + : css` + background: #ea374d; + color: #fff; + `} +`; + +export const FormContainer = styled.form``; +export const ScreenContainer = styled.div` + display: flex; + flex-direction: column; + align-items: center; + width: 100vw; + height: 100vh; + transition: 1s ease-in-out; + + @media (max-width: 450px) { + ${LoginMobile} { + display: flex; + flex-direction: column; + } + background-color: #ffffff; + ${LoginBoxContainer} { + display: none; + } + } +`; + +export const ForgotPassword = styled(CustomLink)` + display: flex; + justify-content: flex-end; + color: #5a8f19; + font-size: 14px; + font-weight: 500; +`; + +export const ForgotPasswordContainer = styled.div` + display: flex; + align-items: center; + justify-content: end; + padding: 0.5rem; + padding-right: 0; +`; diff --git a/src/types/index.tsx b/src/types/index.tsx index 29065e92..e85e45ce 100644 --- a/src/types/index.tsx +++ b/src/types/index.tsx @@ -29,8 +29,9 @@ type IssueDto = { }; type IconProps = { - width?: string; - height?: string; + width?: string | number; + height?: string | number; + size?: string | number; color?: string; };