diff --git a/src/App.css b/src/App.css index 1795484d..10c85c18 100644 --- a/src/App.css +++ b/src/App.css @@ -80,7 +80,6 @@ height: 100%; } - .Central { display: flex; justify-content: center; @@ -89,11 +88,6 @@ height: inherit; } -.logoDnit { - width: 380px; - height: 96px; -} - .imgLateral { width: 437px; height: 291px; @@ -209,5 +203,4 @@ width: 237px; height: 131px; } - } diff --git a/src/components/components-escolasCadastradas/FiltragemTabela.tsx b/src/components/components-escolasCadastradas/FiltragemTabela.tsx index 923a0fea..5d7761e0 100644 --- a/src/components/components-escolasCadastradas/FiltragemTabela.tsx +++ b/src/components/components-escolasCadastradas/FiltragemTabela.tsx @@ -11,8 +11,6 @@ import "../components-escolasCadastradas/style/FiltragemTabela.css"; export default function TabelaEscolas() { const { - setNomeEscola, - NomePesquisado, setNomePesquisado, @@ -22,7 +20,6 @@ export default function TabelaEscolas() { situacaoSelecionada, setSituacaoSelecionada, - etapaDeEnsinoSelecionada, setEtapaDeEnsinoSelecionada, municipioSelecionado, @@ -99,8 +96,7 @@ export default function TabelaEscolas() { useEffect(() => { if (opcoesSituacao.length == 0) getEtapasDeEnsino(); }); - const [showOpcoesEtapasDeEnsino, setShowOpcoesEtapasDeEnsino] = - useState(false); + const [, setShowOpcoesEtapasDeEnsino] = useState(false); const [OpcoesEtapasDeEnsino, setOpcoesEtapasDeEnsino] = useState< { value: number; label: string }[] >([]); @@ -214,7 +210,7 @@ export default function TabelaEscolas() { .map((options, index) => { return (
handleOptionClick(options, 1)} > @@ -269,7 +265,7 @@ export default function TabelaEscolas() { ) .map((options, index) => (
handleOptionClick(options, 2)} > @@ -323,7 +319,7 @@ export default function TabelaEscolas() { ) .map((options, index) => (
handleOptionClick(options, 4)} > @@ -355,4 +351,4 @@ export default function TabelaEscolas() {
); -} \ No newline at end of file +} diff --git a/src/components/components-escolasCadastradas/ModalExcluirEscolas.tsx b/src/components/components-escolasCadastradas/ModalExcluirEscolas.tsx index eb967926..bb6eee00 100644 --- a/src/components/components-escolasCadastradas/ModalExcluirEscolas.tsx +++ b/src/components/components-escolasCadastradas/ModalExcluirEscolas.tsx @@ -1,54 +1,86 @@ -import { notification } from 'antd'; -import fetchExcluirEscola from '../../service/excluirEscola'; -import './style/ModalExcluirEscolas.css'; -import { useState } from 'react'; -import { useFiltroTabela } from '../../context/FiltroTabela'; +import { notification } from "antd"; +import { useFiltroTabela } from "../../context/FiltroTabela"; +import fetchExcluirEscola from "../../service/excluirEscola"; +import "./style/ModalExcluirEscolas.css"; interface ModalExcluirEscolaProps { - open: boolean - id: number - close: () => void - closeModalExcluirEscola: () => void - nomeEscola: string + open: boolean; + id: number; + close: () => void; + closeModalExcluirEscola: () => void; + nomeEscola: string; } -const ModalExcluirEscolas = ({open, id, close, closeModalExcluirEscola, nomeEscola}: ModalExcluirEscolaProps) => { - const {fetchEscolasFiltradas} = useFiltroTabela() - const excluirEscola = async () => { - try { - await fetchExcluirEscola({ id_escola: id }); - notification.success({ message: `Escola ${nomeEscola} excluída com sucesso!` }); - close(); - fetchEscolasFiltradas(); - } catch (error) { - notification.error({ message: `Erro ao excluir a escola ${nomeEscola}! ` }); - close(); - } - +const ModalExcluirEscolas = ({ + open, + id, + close, + closeModalExcluirEscola, + nomeEscola, +}: ModalExcluirEscolaProps) => { + const { fetchEscolasFiltradas } = useFiltroTabela(); + const excluirEscola = async () => { + try { + await fetchExcluirEscola({ id_escola: id }); + notification.success({ + message: `Escola ${nomeEscola} excluída com sucesso!`, + }); + close(); + fetchEscolasFiltradas(); + } catch (error) { + notification.error({ + message: `Erro ao excluir a escola ${nomeEscola}! `, + }); + close(); } - if (!open) { return null } - return ( - < > -
-
-
-
Confirmar Exclusão -
-
-
-

- Deseja excluir a escola permanentemende? A ação não pode ser desfeita. -

-
- - -
-
-
+ }; + if (!open) { + return null; + } + return ( + <> +
+
+
+
+ Confirmar Exclusão
- - ); -} -export default ModalExcluirEscolas; \ No newline at end of file +
+

+ Deseja excluir a escola permanentemende? A ação não pode ser + desfeita. +

+
+ + +
+
+
+
+ + ); +}; +export default ModalExcluirEscolas; diff --git a/src/components/components-escolasCadastradas/ModalExibirInformacoes.tsx b/src/components/components-escolasCadastradas/ModalExibirInformacoes.tsx index 50700578..374837ce 100644 --- a/src/components/components-escolasCadastradas/ModalExibirInformacoes.tsx +++ b/src/components/components-escolasCadastradas/ModalExibirInformacoes.tsx @@ -98,7 +98,7 @@ const ModalExibirInformacoes = ({ escola, open, close }: ModalProps) => { }); const { selectedValue, setSelectedValue } = useSelectedValue(); - const [api, contextHolder] = notification.useNotification(); + const [, contextHolder] = notification.useNotification(); const { fetchEscolasFiltradas } = useFiltroTabela(); const chamarSituacao = async () => { diff --git a/src/components/components-escolasCadastradas/TabelaEscola.tsx b/src/components/components-escolasCadastradas/TabelaEscola.tsx index 72ddd162..66033bdd 100644 --- a/src/components/components-escolasCadastradas/TabelaEscola.tsx +++ b/src/components/components-escolasCadastradas/TabelaEscola.tsx @@ -19,9 +19,9 @@ export default function TabelaEscola() { const [, contextHolder] = notification.useNotification(); const [showOptionsPages, setShowOptionsPages] = useState(false); - const [showSchoolsPerPage, setShowSchoolsPerPage] = useState(false); + const [, setShowSchoolsPerPage] = useState(false); const optionsSchoolsPerPage = ["2", "5", "10", "20"]; - const [schools, setschools] = useState([]); + const [schools] = useState([]); const [modalStates, setModalStates] = useState( Array(schools.length).fill(false) ); @@ -214,7 +214,7 @@ export default function TabelaEscola() {
{optionsSchoolsPerPage.map((options, index) => (
handleOptionClick(Number(options))} data-testid={`options-${options}`} diff --git a/src/components/components-escolasCadastradas/style/FiltragemTabela.css b/src/components/components-escolasCadastradas/style/FiltragemTabela.css index c987b101..f0cf8a74 100644 --- a/src/components/components-escolasCadastradas/style/FiltragemTabela.css +++ b/src/components/components-escolasCadastradas/style/FiltragemTabela.css @@ -277,9 +277,6 @@ color: var(--color-secondary-09); outline: none; } -.br-select .br-list:hover::-webkit-scrollbar-thumb { - background: var(--color-secondary-07); -} .br-select .br-list[expanded] { display: block; } diff --git a/src/components/components-escolasCadastradas/style/Footer.css b/src/components/components-escolasCadastradas/style/Footer.css index f94d9dcc..a2eb7a91 100644 --- a/src/components/components-escolasCadastradas/style/Footer.css +++ b/src/components/components-escolasCadastradas/style/Footer.css @@ -1,174 +1,179 @@ .br-footer { - --footer-logo-height: 48px; - --footer-logo-width: 180px; - --footer-logo-padding: var(--spacing-scale-6x) 0 var(--spacing-scale-4x); - --footer-assigns-height: 46px; - --footer-assigns-width: 180px; - background: var(--background); - border-top: 1px solid var(--border-color); - color: var(--color); - display: block; - --background: var(--background-dark); - --color: var(--color-dark); - --color-rgb: var(--color-dark-rgb); - --text-color: var(--color); - --interactive: var(--interactive-dark); - --interactive-rgb: var(--interactive-dark-rgb); - --visited: var(--visited-dark); - --hover: var(--hover-dark); - --pressed: var(--pressed-dark); - --focus-color: var(--focus-color-dark); - --focus: var(--focus-color); - } - .br-footer .br-item { - --color: var(--color-dark); - --color-rgb: var(--color-dark-rgb); - --text-color: var(--color); - --interactive: var(--interactive-dark); - --interactive-rgb: var(--interactive-dark-rgb); - --visited: var(--visited-dark); - --hover: var(--hover-dark); - --pressed: var(--pressed-dark); - --focus-color: var(--focus-color-dark); - --focus: var(--focus-color); - } - .br-footer[inverted], .br-footer.inverted { - --background: var(--background-light); - --color: var(--color-light); - --color-rgb: var(--color-light-rgb); - --text-color: var(--color); - --interactive: var(--interactive-light); - --interactive-rgb: var(--interactive-light-rgb); - --visited: var(--visited-light); - --hover: var(--hover-light); - --pressed: var(--pressed-light); - --focus-color: var(--focus-color-light); - --focus: var(--focus-color); - } - .br-footer[inverted] .br-item, .br-footer.inverted .br-item { - --color: var(--color-light); - --color-rgb: var(--color-light-rgb); - --text-color: var(--color); - --interactive: var(--interactive-light); - --interactive-rgb: var(--interactive-light-rgb); - --visited: var(--visited-light); - --hover: var(--hover-light); - --pressed: var(--pressed-light); - --focus-color: var(--focus-color-light); - --focus: var(--focus-color); - } - .br-footer .logo { - padding: var(--footer-logo-padding); - } - .br-footer .logo img { - max-height: var(--footer-logo-height); - max-width: var(--footer-logo-width); - } - .br-footer .br-list.horizontal { - display: flex; - flex-wrap: wrap; - } - .br-footer .br-list.horizontal .header { - width: 100%; - } + --footer-logo-height: 48px; + --footer-logo-width: 180px; + --footer-logo-padding: var(--spacing-scale-6x) 0 var(--spacing-scale-4x); + --footer-assigns-height: 46px; + --footer-assigns-width: 180px; + background: var(--background); + border-top: 1px solid var(--border-color); + color: var(--color); + display: block; + --background: var(--background-dark); + --color: var(--color-dark); + --color-rgb: var(--color-dark-rgb); + --text-color: var(--color); + --interactive: var(--interactive-dark); + --interactive-rgb: var(--interactive-dark-rgb); + --visited: var(--visited-dark); + --hover: var(--hover-dark); + --pressed: var(--pressed-dark); + --focus-color: var(--focus-color-dark); + --focus: var(--focus-color); +} +.br-footer .br-item { + --color: var(--color-dark); + --color-rgb: var(--color-dark-rgb); + --text-color: var(--color); + --interactive: var(--interactive-dark); + --interactive-rgb: var(--interactive-dark-rgb); + --visited: var(--visited-dark); + --hover: var(--hover-dark); + --pressed: var(--pressed-dark); + --focus-color: var(--focus-color-dark); + --focus: var(--focus-color); +} +.br-footer[inverted], +.br-footer.inverted { + --background: var(--background-light); + --color: var(--color-light); + --color-rgb: var(--color-light-rgb); + --text-color: var(--color); + --interactive: var(--interactive-light); + --interactive-rgb: var(--interactive-light-rgb); + --visited: var(--visited-light); + --hover: var(--hover-light); + --pressed: var(--pressed-light); + --focus-color: var(--focus-color-light); + --focus: var(--focus-color); +} +.br-footer[inverted] .br-item, +.br-footer.inverted .br-item { + --color: var(--color-light); + --color-rgb: var(--color-light-rgb); + --text-color: var(--color); + --interactive: var(--interactive-light); + --interactive-rgb: var(--interactive-light-rgb); + --visited: var(--visited-light); + --hover: var(--hover-light); + --pressed: var(--pressed-light); + --focus-color: var(--focus-color-light); + --focus: var(--focus-color); +} +.br-footer .logo { + padding: var(--footer-logo-padding); +} +.br-footer .logo img { + max-height: var(--footer-logo-height); + max-width: var(--footer-logo-width); +} +.br-footer .br-list.horizontal { + display: flex; + flex-wrap: wrap; +} +.br-footer .br-list.horizontal .header { + width: 100%; +} +.br-footer .br-list.horizontal .col, +.br-footer .br-list.horizontal [class*="col-"] { + flex-grow: 0; + padding: 0; +} +@media (max-width: 991px) { .br-footer .br-list.horizontal .col, - .br-footer .br-list.horizontal [class*=col-] { - flex-grow: 0; - padding: 0; - } - @media (max-width: 991px) { - .br-footer .br-list.horizontal .col, - .br-footer .br-list.horizontal [class*=col-] { - flex-basis: 100% !important; - max-width: 100%; - } - } - .br-footer .social-network { - border: 0; - } - .br-footer .social-network .social-network-title { - font-size: var(--font-size-scale-up-01); - font-weight: var(--font-weight-extra-bold); - margin-bottom: var(--spacing-scale-2x); - text-transform: uppercase; - text-align: left; - } - .br-footer .social-network a:hover { + .br-footer .br-list.horizontal [class*="col-"] { + flex-basis: 100% !important; + max-width: 100%; + } +} +.br-footer .social-network { + border: 0; +} +.br-footer .social-network .social-network-title { + font-size: var(--font-size-scale-up-01); + font-weight: var(--font-weight-extra-bold); + margin-bottom: var(--spacing-scale-2x); + text-transform: uppercase; + text-align: left; +} +.br-footer .social-network a:hover { + background-image: none; +} +.br-footer .social-network img { + max-height: var(--footer-assigns-height); + max-width: var(--footer-assigns-height); +} +.br-footer .assigns img { + max-height: var(--footer-assigns-height); + max-width: var(--footer-assigns-width); +} +@media (min-width: 992px) { + .br-footer .info { + text-align: center; + } +} +.br-footer .br-list { + --background: var(--background-dark); +} +.br-footer .br-list.horizontal .br-item, +.br-footer .br-list.horizontal .br-list .br-item { + min-height: 4em; +} +.br-footer .br-list.horizontal .br-item .content, +.br-footer .br-list.horizontal .br-list .br-item .content { + height: auto; + line-height: 16px; + padding: 0 var(--spacing-scale-2x); +} +@media (min-width: 992px) { + .br-footer .br-item.horizontal .br- { background-image: none; - } - .br-footer .social-network img { - max-height: var(--footer-assigns-height); - max-width: var(--footer-assigns-height); - } - .br-footer .assigns img { - max-height: var(--footer-assigns-height); - max-width: var(--footer-assigns-width); - } - @media (min-width: 992px) { - .br-footer .info { - text-align: center; - } - } - .br-footer .br-list { - --background: var(--background-dark); - } - .br-footer .br-list.horizontal .br-item, - .br-footer .br-list.horizontal .br-list .br-item { - min-height: 4em; - } - .br-footer .br-list.horizontal .br-item .content, - .br-footer .br-list.horizontal .br-list .br-item .content { - height: auto; - line-height: 16px; - padding: 0 var(--spacing-scale-2x); - } - .br-footer .br-item { - align-items: center; - display: flex; - } - @media (min-width: 992px) { - .br-footer .br-item.horizontal .br- { - background-image: none; - max-height: 200em !important; - } - } - .br-footer .br-item.horizontal .br-item { - min-height: 4em; - } - .br-footer .br-item.horizontal .br-item .content { - height: auto; - line-height: 16px; - padding: 0 var(--spacing-scale-2x); - } - .br-footer .br-item.horizontal .col .br-item.header.active, - .br-footer .br-item.horizontal [class*=col-] .br-item.header.active { - border-bottom: 1px solid var(--border-color); - } - .br-footer .br-item.horizontal .col .br-item.header.active + .br-list, - .br-footer .br-item.horizontal [class*=col-] .br-item.header.active + .br-list { - border-bottom: 1px solid var(--border-color); + max-height: 200em !important; + } +} +.br-footer .br-item.horizontal .br-item { + min-height: 4em; +} +.br-footer .br-item.horizontal .br-item .content { + height: auto; + line-height: 16px; + padding: 0 var(--spacing-scale-2x); +} +.br-footer .br-item.horizontal .col .br-item.header.active, +.br-footer .br-item.horizontal [class*="col-"] .br-item.header.active { + border-bottom: 1px solid var(--border-color); +} +.br-footer .br-item.horizontal .col .br-item.header.active + .br-list, +.br-footer + .br-item.horizontal + [class*="col-"] + .br-item.header.active + + .br-list { + border-bottom: 1px solid var(--border-color); +} +.br-footer .br-item .content { + flex: 1; +} +.br-footer .br-item:not(:disabled):hover { + background-image: linear-gradient( + rgba(var(--interactive-rgb), var(--hover)), + rgba(var(--interactive-rgb), var(--hover)) + ); +} +.br-footer .br-item.active { + background: transparent; +} +@media (min-width: 992px) { + .br-footer .br-item .support:last-child { + display: none; + pointer-events: none; } .br-footer .br-item .content { flex: 1; } - .br-footer .br-item:not(:disabled):hover { - background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover))); - } - .br-footer .br-item.active { - background: transparent; - } - @media (min-width: 992px) { - .br-footer .br-item .support:last-child { - display: none; - pointer-events: none; - } - .br-footer .br-item .content { - flex: 1; - } - } - .br-footer[inverted] .br-list, .br-footer.inverted .br-list { - --background: var(--background-light); - } - - /*# sourceMappingURL=footer.css.map*/ - \ No newline at end of file +} +.br-footer[inverted] .br-list, +.br-footer.inverted .br-list { + --background: var(--background-light); +} + +/*# sourceMappingURL=footer.css.map*/ diff --git a/src/components/components-escolasCadastradas/style/ModalExcluirEscolas.css b/src/components/components-escolasCadastradas/style/ModalExcluirEscolas.css index 54e75afd..f0e8a754 100644 --- a/src/components/components-escolasCadastradas/style/ModalExcluirEscolas.css +++ b/src/components/components-escolasCadastradas/style/ModalExcluirEscolas.css @@ -149,9 +149,6 @@ .br-modal .terms:active { outline: none; } -.br-modal .terms:hover::-webkit-scrollbar-thumb { - background: var(--color-secondary-07); -} @media (max-width: 991px) { .br-modal .terms { margin-left: unset !important; @@ -204,9 +201,6 @@ color: var(--color-secondary-09); outline: none; } - .br-select .br-list:hover::-webkit-scrollbar-thumb { - background: var(--color-secondary-07); - } .br-select .br-list[expanded] { display: block; } diff --git a/src/components/components-escolasCadastradas/style/ModalExibirInformacoes.css b/src/components/components-escolasCadastradas/style/ModalExibirInformacoes.css index 8555056d..dbfa62da 100644 --- a/src/components/components-escolasCadastradas/style/ModalExibirInformacoes.css +++ b/src/components/components-escolasCadastradas/style/ModalExibirInformacoes.css @@ -1,182 +1,183 @@ -.container{ +.container { display: flex; justify-content: center; align-items: center; margin: 70px; - } .br-modal { - --modal-size: var(--modal-medium); - --modal-xsmall: 220px; - --modal-small: 300px; - --modal-medium: 500px; - --modal-large: 640px; - --modal-auto: auto; - background: var(--background); - box-shadow: var(--surface-shadow-sm); - display: flex; - flex-direction: column; - max-width: var(--modal-size); - width: 50%; - z-index: var(--z-index-layer-4); - position: fixed !important; - height: 93vh; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } + --modal-size: var(--modal-medium); + --modal-xsmall: 220px; + --modal-small: 300px; + --modal-medium: 500px; + --modal-large: 640px; + --modal-auto: auto; + background: var(--background); + box-shadow: var(--surface-shadow-sm); + display: flex; + flex-direction: column; + max-width: var(--modal-size); + width: 50%; + z-index: var(--z-index-layer-4); + position: fixed !important; + height: 93vh; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} - .alinhar-botoes { - display: flex; - flex-direction: row-reverse; - } - - .br-modal-header { - font-size: var(--font-size-scale-up-01); - font-weight: var(--font-weight-bold); - padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0; - position: relative; - text-align: left; - } - .br-modal-header .close { - position: absolute; - right: var(--spacing-scale-base); - top: var(--spacing-scale-base); - } - .br-modal .modal-title { - font-size: var(--font-size-scale-up-01); - font-weight: var(--font-weight-bold); - margin-right: 40px; - max-height: calc(var(--font-size-scale-up-01) * 3); - overflow: hidden; - text-overflow: ellipsis; - } - .content-left{ - align-self: flex-start !important; - justify-self: flex-start !important; - justify-content: flex-start !important; - margin-right: 31%; - } +.alinhar-botoes { + display: flex; + flex-direction: row-reverse; +} - .content-right{ - align-self: flex-end !important; - justify-content: right !important; - } - - - -.button-space{ +.br-modal-header { + font-size: var(--font-size-scale-up-01); + font-weight: var(--font-weight-bold); + padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0; + position: relative; + text-align: left; +} +.br-modal-header .close { + position: absolute; + right: var(--spacing-scale-base); + top: var(--spacing-scale-base); +} +.br-modal .modal-title { + font-size: var(--font-size-scale-up-01); + font-weight: var(--font-weight-bold); + margin-right: 40px; + max-height: calc(var(--font-size-scale-up-01) * 3); + overflow: hidden; + text-overflow: ellipsis; +} +.content-left { + align-self: flex-start !important; + justify-self: flex-start !important; + justify-content: flex-start !important; + margin-right: 31%; +} + +.content-right { + align-self: flex-end !important; + justify-content: right !important; +} + +.button-space { margin-right: 2em !important; } - .br-modal-body { - flex: 1; - height: 100vh; - margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x); - padding: 0 var(--spacing-scale-2x); - display: flex; - justify-content: space-between; - text-align: left; - } +.br-modal-body { + flex: 1; + height: 100vh; + margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x); + padding: 0 var(--spacing-scale-2x); + display: flex; + justify-content: space-between; + text-align: left; +} - .br-modal-body .br-input{ - display: inline; - flex-basis: 50%; - margin-top: 5px; - margin-bottom: 5px; - padding: 10px; - } - .br-modal-body .br-select{ - display: inline; - flex-basis: 50%; - margin-top: 5px; - margin-bottom: 5px; - padding: 5px; - } - - .br-modal-body::-webkit-scrollbar { - height: var(--spacing-scale-base); - width: var(--spacing-scale-base); - } - .br-modal-body::-webkit-scrollbar-track { - background: var(--gray-10); - } - .br-modal-body::-webkit-scrollbar-thumb { - background: var(--gray-30); - } - .br-modal-body:hover::-webkit-scrollbar-thumb { - background: var(--gray-40); - } - .br-modal-body *:last-child { - margin-bottom: 0; - } - .br-modal-footer { - display: flex; - flex-direction: row; - padding: 10px !important; - width: 100%; - } - .br-modal.is-xsmall, .br-modal.xsmall { - --modal-size: var(--modal-xsmall); - } - .br-modal.is-small, .br-modal.small { - --modal-size: var(--modal-small); - } - .br-modal.is-medium, .br-modal.medium { - --modal-size: var(--modal-medium); - } - .br-modal.is-large, .br-modal.large { - --modal-size: var(--modal-large); - } - .br-modal.is-auto, .br-modal.auto { - --modal-size: var(--modal-auto); - } - .br-modal .loading.medium { - min-height: calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x) * 2); - } +.br-modal-body .br-input { + display: inline; + flex-basis: 50%; + margin-top: 5px; + margin-bottom: 5px; + padding: 10px; +} +.br-modal-body .br-select { + display: inline; + flex-basis: 50%; + margin-top: 5px; + margin-bottom: 5px; + padding: 5px; +} + +.br-modal-body::-webkit-scrollbar { + height: var(--spacing-scale-base); + width: var(--spacing-scale-base); +} +.br-modal-body::-webkit-scrollbar-track { + background: var(--gray-10); +} +.br-modal-body::-webkit-scrollbar-thumb { + background: var(--gray-30); +} +.br-modal-body:hover::-webkit-scrollbar-thumb { + background: var(--gray-40); +} +.br-modal-body *:last-child { + margin-bottom: 0; +} +.br-modal-footer { + display: flex; + flex-direction: row; + padding: 10px !important; + width: 100%; +} +.br-modal.is-xsmall, +.br-modal.xsmall { + --modal-size: var(--modal-xsmall); +} +.br-modal.is-small, +.br-modal.small { + --modal-size: var(--modal-small); +} +.br-modal.is-medium, +.br-modal.medium { + --modal-size: var(--modal-medium); +} +.br-modal.is-large, +.br-modal.large { + --modal-size: var(--modal-large); +} +.br-modal.is-auto, +.br-modal.auto { + --modal-size: var(--modal-auto); +} +.br-modal .loading.medium { + min-height: calc( + var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x) * 2 + ); +} +.br-modal .terms { + border: 0; + box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up); + font-size: var(--font-size-scale-base); + height: 216px; + margin-bottom: var(--spacing-scale-2x); + margin-left: calc(var(--spacing-scale-2x) * -1); + margin-right: calc(var(--spacing-scale-2x) * -1); + overflow: auto; + padding: var(--spacing-scale-2x); + resize: none; + width: auto; +} +.br-modal .terms::-webkit-scrollbar { + height: var(--spacing-scale-base); + width: var(--spacing-scale-base); +} +.br-modal .terms::-webkit-scrollbar-track { + background: var(--gray-10); +} +.br-modal .terms::-webkit-scrollbar-thumb { + background: var(--gray-30); +} +.br-modal .terms:hover::-webkit-scrollbar-thumb { + background: var(--gray-40); +} +.br-modal .terms:active { + outline: none; +} +@media (max-width: 991px) { .br-modal .terms { - border: 0; - box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up); - font-size: var(--font-size-scale-base); - height: 216px; - margin-bottom: var(--spacing-scale-2x); - margin-left: calc(var(--spacing-scale-2x) * -1); - margin-right: calc(var(--spacing-scale-2x) * -1); - overflow: auto; - padding: var(--spacing-scale-2x); - resize: none; - width: auto; - } - .br-modal .terms::-webkit-scrollbar { - height: var(--spacing-scale-base); - width: var(--spacing-scale-base); - } - .br-modal .terms::-webkit-scrollbar-track { - background: var(--gray-10); - } - .br-modal .terms::-webkit-scrollbar-thumb { - background: var(--gray-30); - } - .br-modal .terms:hover::-webkit-scrollbar-thumb { - background: var(--gray-40); - } - .br-modal .terms:active { - outline: none; + margin-left: unset !important; + margin-right: unset !important; } - .br-modal .terms:hover::-webkit-scrollbar-thumb { - background: var(--color-secondary-07); - } - @media (max-width: 991px) { - .br-modal .terms { - margin-left: unset !important; - margin-right: unset !important; - } - .br-modal-header .close { + .br-modal-header .close { top: 0; } - .br-label{ + .br-label { border: 1px solid #ccc; padding: 10px; border-radius: 5px; @@ -188,7 +189,6 @@ max-width: 400px; min-width: 100px; position: relative; - } .br-select .br-list { background: var(--bg-color); @@ -215,13 +215,11 @@ .br-select .br-list:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } - .br-select .br-list:focus, .br-select .br-list:active { + .br-select .br-list:focus, + .br-select .br-list:active { color: var(--color-secondary-09); outline: none; } - .br-select .br-list:hover::-webkit-scrollbar-thumb { - background: var(--color-secondary-07); - } .br-select .br-list[expanded] { display: block; } @@ -252,7 +250,9 @@ } .br-select .br-item .br-checkbox input + label, .br-select .br-item .br-radio input + label { - padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x)); + padding-left: calc( + var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x) + ); } .br-select .br-item .br-radio input + label { color: var(--text-color); @@ -261,7 +261,8 @@ min-height: 0; padding: var(--item-padding); } - .br-select .br-item .br-radio input + label::before, .br-select .br-item .br-radio input + label::after { + .br-select .br-item .br-radio input + label::before, + .br-select .br-item .br-radio input + label::after { content: none; } .br-select .br-item:not(:last-child) { @@ -273,16 +274,21 @@ .br-select .br-item:not([disabled]):focus { outline: none; } - .br-select .br-item:not([disabled]).focus-visible, .br-select .br-item:not([disabled]):focus-visible { + .br-select .br-item:not([disabled]).focus-visible, + .br-select .br-item:not([disabled]):focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-select .br-item:not([disabled]):not(:disabled):hover { - background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover))); + background-image: linear-gradient( + rgba(var(--color-rgb), var(--hover)), + rgba(var(--color-rgb), var(--hover)) + ); } - .br-select .br-item.selected, .br-select .br-item[selected] { + .br-select .br-item.selected, + .br-select .br-item[selected] { --color: var(--color-dark); --color-rgb: var(--color-dark-rgb); --text-color: var(--color); @@ -294,50 +300,68 @@ --focus-color: var(--focus-color-dark); --focus: var(--focus-color); } - .br-select .br-item.selected:focus, .br-select .br-item[selected]:focus { + .br-select .br-item.selected:focus, + .br-select .br-item[selected]:focus { outline: none; } - .br-select .br-item.selected.focus-visible, .br-select .br-item.selected:focus-visible, .br-select .br-item[selected].focus-visible, .br-select .br-item[selected]:focus-visible { + .br-select .br-item.selected.focus-visible, + .br-select .br-item.selected:focus-visible, + .br-select .br-item[selected].focus-visible, + .br-select .br-item[selected]:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } - .br-select .br-item.selected:not(:disabled):hover, .br-select .br-item[selected]:not(:disabled):hover { - background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover))); + .br-select .br-item.selected:not(:disabled):hover, + .br-select .br-item[selected]:not(:disabled):hover { + background-image: linear-gradient( + rgba(var(--color-rgb), var(--hover)), + rgba(var(--color-rgb), var(--hover)) + ); } .br-select .br-item.disabled { line-height: calc(var(--font-line-height-high) * 2); padding-left: calc(var(--item-padding) + var(--spacing-scale-base)); } - .br-select .br-item.highlighted, .br-select .br-item[highlighted] { + .br-select .br-item.highlighted, + .br-select .br-item[highlighted] { background-color: var(--gray-2); padding-bottom: var(--spacing-scale-base); padding-top: var(--spacing-scale-base); } .br-select .br-item.highlighted .br-checkbox label, - .br-select .br-item.highlighted .br-radio label, .br-select .br-item[highlighted] .br-checkbox label, + .br-select .br-item.highlighted .br-radio label, + .br-select .br-item[highlighted] .br-checkbox label, .br-select .br-item[highlighted] .br-radio label { font-weight: var(--font-weight-semi-bold); } .br-select .br-item.highlighted .br-checkbox:hover, - .br-select .br-item.highlighted .br-radio:hover, .br-select .br-item[highlighted] .br-checkbox:hover, + .br-select .br-item.highlighted .br-radio:hover, + .br-select .br-item[highlighted] .br-checkbox:hover, .br-select .br-item[highlighted] .br-radio:hover { - background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover))); + background: linear-gradient( + rgba(var(--interactive-rgb), var(--hover)), + rgba(var(--interactive-rgb), var(--hover)) + ); } .br-select .br-item.highlighted .br-checkbox:hover label, - .br-select .br-item.highlighted .br-radio:hover label, .br-select .br-item[highlighted] .br-checkbox:hover label, + .br-select .br-item.highlighted .br-radio:hover label, + .br-select .br-item[highlighted] .br-checkbox:hover label, .br-select .br-item[highlighted] .br-radio:hover label { color: var(--text-color); } - .br-select .br-item.highlighted.selected, .br-select .br-item.highlighted[selected], .br-select .br-item[highlighted].selected, .br-select .br-item[highlighted][selected] { + .br-select .br-item.highlighted.selected, + .br-select .br-item.highlighted[selected], + .br-select .br-item[highlighted].selected, + .br-select .br-item[highlighted][selected] { background-color: var(--selected); } .br-select.inverted .br-input, - .br-select.inverted .br-input label, .br-select.dark-mode .br-input, + .br-select.inverted .br-input label, + .br-select.dark-mode .br-input, .br-select.dark-mode .br-input label { --color: var(--color-dark); --focus-color: var(--focus-color-dark); } - } - \ No newline at end of file +} diff --git a/src/components/components-escolasCadastradas/style/TabelaEscola.css b/src/components/components-escolasCadastradas/style/TabelaEscola.css index 1b40eb55..f74bd2d8 100644 --- a/src/components/components-escolasCadastradas/style/TabelaEscola.css +++ b/src/components/components-escolasCadastradas/style/TabelaEscola.css @@ -1,262 +1,279 @@ .br-table { - --table-padding: var(--spacing-scale-3x); - --table-row-size: var(--table-row-medium); - --table-row-small: var(--spacing-scale-base); - --table-row-medium: var(--spacing-scale-2x); - --table-row-large: var(--spacing-scale-3x); - } + --table-padding: var(--spacing-scale-3x); + --table-row-size: var(--table-row-medium); + --table-row-small: var(--spacing-scale-base); + --table-row-medium: var(--spacing-scale-2x); + --table-row-large: var(--spacing-scale-3x); +} - .br-table th { - background-color: rgba(0, 46, 110, 0.15); - } - - .br-table caption { - opacity: 0; - position: absolute; - z-index: -1; - } +.br-table th { + background-color: rgba(0, 46, 110, 0.15); +} - .br-table th { - color: #1351B4; - } - - .br-table .responsive { - overflow: auto; - } - .br-table .column-checkbox { - width: 24px; - } - .br-table .table-header { - position: relative; - } - .br-table .table-header.show .top-bar { - visibility: hidden; - } - .br-table .top-bar { - align-items: center; - display: flex; - padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding); - } - .br-table .top-bar .title, - .br-table .top-bar .table-title { - color: var(--color); - flex-grow: 1; - font-size: var(--font-size-scale-up-01); - font-weight: var(--font-weight-semi-bold); - text-align: left; - } - .br-table .top-bar .actions-trigger { - margin-right: var(--spacing-scale-base); - } - .br-table .top-bar .dropdown [data-toggle=dropdown] + *, - .br-table .top-bar .dropdown [data-toggle=dropdown-legacy] + * { - left: auto; - right: 0; - } - @media (min-width: 576px) { - .br-table .top-bar title { - font-size: var(--font-size-scale-up-03); - line-height: var(--font-line-height-medium); - } - } - .br-table .search-bar { - align-items: center; - bottom: 0; - display: none; - height: 56px; - left: 0; - padding-left: var(--table-padding); - padding-right: var(--spacing-scale-2x); - position: absolute; - right: 0; - top: 0; - } - .br-table .search-bar.show { - display: flex; - } - .br-table .search-bar .br-input { - flex: 1; - } - .br-table .search-bar .br-input label { - display: none; - } - .br-table .search-bar .br-input input { - margin-bottom: 0; - margin-top: 0; - } - .br-table .search-bar .br-input input + .br-button { - --button-size: var(--button-small); - margin-top: 0; - position: absolute; - right: var(--spacing-scale-half); - top: 0; - } - .br-table .search-bar .br-input + .br-button { - margin-left: var(--table-row-medium); - } - .br-table .selected-bar, - .br-table .selection-bar { - --color: var(--color-dark); - --color-rgb: var(--color-dark-rgb); - --text-color: var(--color); - --interactive: var(--interactive-dark); - --interactive-rgb: var(--interactive-dark-rgb); - --visited: var(--visited-dark); - --hover: var(--hover-dark); - --pressed: var(--pressed-dark); - --focus-color: var(--focus-color-dark); - --focus: var(--focus-color); - --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x); - align-items: center; - background-color: var(--interactive-light); - bottom: 0; - color: var(--color); - display: none; - left: 0; - padding: var(--table-padding); - right: 0; - top: 0; - } - .br-table .selected-bar.show, - .br-table .selection-bar.show { - display: flex; - } - .br-table .selected-bar .info, - .br-table .selection-bar .info { - align-items: center; - display: flex; - flex-grow: 1; - white-space: nowrap; - } - .br-table .selected-bar .info [data-toggle=check-all], - .br-table .selected-bar .info .select-all, - .br-table .selection-bar .info [data-toggle=check-all], - .br-table .selection-bar .info .select-all { +.br-table caption { + opacity: 0; + position: absolute; + z-index: -1; +} + +.br-table .responsive { + overflow: auto; +} +.br-table .column-checkbox { + width: 24px; +} +.br-table .table-header { + position: relative; +} +.br-table .table-header.show .top-bar { + visibility: hidden; +} +.br-table .top-bar { + align-items: center; + display: flex; + padding: var(--spacing-scale-base) var(--spacing-scale-2x) + var(--spacing-scale-base) var(--table-padding); +} +.br-table .top-bar .title, +.br-table .top-bar .table-title { + color: var(--color); + flex-grow: 1; + font-size: var(--font-size-scale-up-01); + font-weight: var(--font-weight-semi-bold); + text-align: left; +} +.br-table .top-bar .actions-trigger { + margin-right: var(--spacing-scale-base); +} +.br-table .top-bar .dropdown [data-toggle="dropdown"] + *, +.br-table .top-bar .dropdown [data-toggle="dropdown-legacy"] + * { + left: auto; + right: 0; +} +@media (min-width: 576px) { + .br-table .top-bar title { font-size: var(--font-size-scale-up-03); - margin-right: var(--spacing-scale-half); - padding: 0; - } - .br-table .selected-bar .text, - .br-table .selected-bar .count, - .br-table .selection-bar .text, - .br-table .selection-bar .count { - line-height: var(--font-line-height-low); - padding-right: var(--spacing-scale-half); - } - .br-table .selected-bar.is-active, .br-table .selected-bar.active, - .br-table .selection-bar.is-active, - .br-table .selection-bar.active { - opacity: 1; - top: 0; - } - .br-table .footer, - .br-table .table-footer { - padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding); - } - .br-table .footer .br-input .br-button, - .br-table .table-footer .br-input .br-button { - transform: rotate(180deg); - } - .br-table .footer .br-list, - .br-table .table-footer .br-list { - bottom: 100%; - } - .br-table.small table, - .br-table.small .headers, - .br-table.small .clone-headers .item { - --table-row-size: var(--table-row-small); - } - .br-table.medium table, - .br-table.medium .headers, - .br-table.medium .clone-headers .item { - --table-row-size: var(--table-row-medium); - } - .br-table.large table, - .br-table.large .headers, - .br-table.large .clone-headers .item { - --table-row-size: var(--table-row-large); - } - .br-table.inverted, .br-table.dark-mode { - --color: var(--color-dark); - --color-rgb: var(--color-dark-rgb); - --text-color: var(--color); - --interactive: var(--interactive-dark); - --interactive-rgb: var(--interactive-dark-rgb); - --visited: var(--visited-dark); - --hover: var(--hover-dark); - --pressed: var(--pressed-dark); - --focus-color: var(--focus-color-dark); - --focus: var(--focus-color); - } - .br-table.inverted.inverted, .br-table.inverted.dark-mode, .br-table.dark-mode.inverted, .br-table.dark-mode.dark-mode { - --color: var(--color-dark); - --color-rgb: var(--color-dark-rgb); - --text-color: var(--color); - --interactive: var(--interactive-dark); - --interactive-rgb: var(--interactive-dark-rgb); - --visited: var(--visited-dark); - --hover: var(--hover-dark); - --pressed: var(--pressed-dark); - --focus-color: var(--focus-color-dark); - --focus: var(--focus-color); - } - .br-table.inverted.inverted.inverted .br-input, - .br-table.inverted.inverted.inverted .br-input label, .br-table.inverted.inverted.dark-mode .br-input, - .br-table.inverted.inverted.dark-mode .br-input label, .br-table.inverted.dark-mode.inverted .br-input, - .br-table.inverted.dark-mode.inverted .br-input label, .br-table.inverted.dark-mode.dark-mode .br-input, - .br-table.inverted.dark-mode.dark-mode .br-input label, .br-table.dark-mode.inverted.inverted .br-input, - .br-table.dark-mode.inverted.inverted .br-input label, .br-table.dark-mode.inverted.dark-mode .br-input, - .br-table.dark-mode.inverted.dark-mode .br-input label, .br-table.dark-mode.dark-mode.inverted .br-input, - .br-table.dark-mode.dark-mode.inverted .br-input label, .br-table.dark-mode.dark-mode.dark-mode .br-input, - .br-table.dark-mode.dark-mode.dark-mode .br-input label { - --color: var(--color-dark); - --focus-color: var(--focus-color-dark); - } - .br-table.inverted.inverted .page.active, .br-table.inverted.dark-mode .page.active, .br-table.dark-mode.inverted .page.active, .br-table.dark-mode.dark-mode .page.active { - --interactive-rgb: var(--active-rgb); - background-color: var(--background-light); - color: var(--active); - } - .br-table.inverted th, .br-table.dark-mode th { - background-color: var(--background-dark); - } - .br-table.no-hover:hover td { - background: none; - } - .modal-informacoes{ - position: absolute; - top: 10%; - left: 15%; - right: 15%; - z-index: 1000; - } - .background-modal{ - position: fixed; - left: 0%; - top: 0; - right: 0%; - bottom: 0%; - background-color: rgba(0,0,0,0.5); - display: flex; - align-items: center; - justify-content: center; - z-index: 99; - } - .select-options{ - box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); - } - .select-options div:not(:last-child){ - border-bottom: 1px solid #ccc; - } - .options{ - --focus-color: var(--focus-color-light); - --focus: var(--focus-color); - background-color: #fff; - transition: background-color 0.3s ease; - } - .options:hover{ - background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); - } - .pagination-inhtmlFormation{ - align-items: center; - } \ No newline at end of file + line-height: var(--font-line-height-medium); + } +} +.br-table .search-bar { + align-items: center; + bottom: 0; + display: none; + height: 56px; + left: 0; + padding-left: var(--table-padding); + padding-right: var(--spacing-scale-2x); + position: absolute; + right: 0; + top: 0; +} +.br-table .search-bar.show { + display: flex; +} +.br-table .search-bar .br-input { + flex: 1; +} +.br-table .search-bar .br-input label { + display: none; +} +.br-table .search-bar .br-input input { + margin-bottom: 0; + margin-top: 0; +} +.br-table .search-bar .br-input input + .br-button { + --button-size: var(--button-small); + margin-top: 0; + position: absolute; + right: var(--spacing-scale-half); + top: 0; +} +.br-table .search-bar .br-input + .br-button { + margin-left: var(--table-row-medium); +} +.br-table .selected-bar, +.br-table .selection-bar { + --color: var(--color-dark); + --color-rgb: var(--color-dark-rgb); + --text-color: var(--color); + --interactive: var(--interactive-dark); + --interactive-rgb: var(--interactive-dark-rgb); + --visited: var(--visited-dark); + --hover: var(--hover-dark); + --pressed: var(--pressed-dark); + --focus-color: var(--focus-color-dark); + --focus: var(--focus-color); + --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x); + align-items: center; + background-color: var(--interactive-light); + bottom: 0; + color: var(--color); + display: none; + left: 0; + padding: var(--table-padding); + right: 0; + top: 0; +} +.br-table .selected-bar.show, +.br-table .selection-bar.show { + display: flex; +} +.br-table .selected-bar .info, +.br-table .selection-bar .info { + align-items: center; + display: flex; + flex-grow: 1; + white-space: nowrap; +} +.br-table .selected-bar .info [data-toggle="check-all"], +.br-table .selected-bar .info .select-all, +.br-table .selection-bar .info [data-toggle="check-all"], +.br-table .selection-bar .info .select-all { + font-size: var(--font-size-scale-up-03); + margin-right: var(--spacing-scale-half); + padding: 0; +} +.br-table .selected-bar .text, +.br-table .selected-bar .count, +.br-table .selection-bar .text, +.br-table .selection-bar .count { + line-height: var(--font-line-height-low); + padding-right: var(--spacing-scale-half); +} +.br-table .selected-bar.is-active, +.br-table .selected-bar.active, +.br-table .selection-bar.is-active, +.br-table .selection-bar.active { + opacity: 1; + top: 0; +} +.br-table .footer, +.br-table .table-footer { + padding: var(--spacing-scale-base) var(--spacing-scale-2x) + var(--spacing-scale-base) var(--table-padding); +} +.br-table .footer .br-input .br-button, +.br-table .table-footer .br-input .br-button { + transform: rotate(180deg); +} +.br-table .footer .br-list, +.br-table .table-footer .br-list { + bottom: 100%; +} +.br-table.small table, +.br-table.small .headers, +.br-table.small .clone-headers .item { + --table-row-size: var(--table-row-small); +} +.br-table.medium table, +.br-table.medium .headers, +.br-table.medium .clone-headers .item { + --table-row-size: var(--table-row-medium); +} +.br-table.large table, +.br-table.large .headers, +.br-table.large .clone-headers .item { + --table-row-size: var(--table-row-large); +} +.br-table.inverted, +.br-table.dark-mode { + --color: var(--color-dark); + --color-rgb: var(--color-dark-rgb); + --text-color: var(--color); + --interactive: var(--interactive-dark); + --interactive-rgb: var(--interactive-dark-rgb); + --visited: var(--visited-dark); + --hover: var(--hover-dark); + --pressed: var(--pressed-dark); + --focus-color: var(--focus-color-dark); + --focus: var(--focus-color); +} +.br-table.inverted.inverted, +.br-table.inverted.dark-mode, +.br-table.dark-mode.inverted, +.br-table.dark-mode.dark-mode { + --color: var(--color-dark); + --color-rgb: var(--color-dark-rgb); + --text-color: var(--color); + --interactive: var(--interactive-dark); + --interactive-rgb: var(--interactive-dark-rgb); + --visited: var(--visited-dark); + --hover: var(--hover-dark); + --pressed: var(--pressed-dark); + --focus-color: var(--focus-color-dark); + --focus: var(--focus-color); +} +.br-table.inverted.inverted.inverted .br-input, +.br-table.inverted.inverted.inverted .br-input label, +.br-table.inverted.inverted.dark-mode .br-input, +.br-table.inverted.inverted.dark-mode .br-input label, +.br-table.inverted.dark-mode.inverted .br-input, +.br-table.inverted.dark-mode.inverted .br-input label, +.br-table.inverted.dark-mode.dark-mode .br-input, +.br-table.inverted.dark-mode.dark-mode .br-input label, +.br-table.dark-mode.inverted.inverted .br-input, +.br-table.dark-mode.inverted.inverted .br-input label, +.br-table.dark-mode.inverted.dark-mode .br-input, +.br-table.dark-mode.inverted.dark-mode .br-input label, +.br-table.dark-mode.dark-mode.inverted .br-input, +.br-table.dark-mode.dark-mode.inverted .br-input label, +.br-table.dark-mode.dark-mode.dark-mode .br-input, +.br-table.dark-mode.dark-mode.dark-mode .br-input label { + --color: var(--color-dark); + --focus-color: var(--focus-color-dark); +} +.br-table.inverted.inverted .page.active, +.br-table.inverted.dark-mode .page.active, +.br-table.dark-mode.inverted .page.active, +.br-table.dark-mode.dark-mode .page.active { + --interactive-rgb: var(--active-rgb); + background-color: var(--background-light); + color: var(--active); +} +.br-table.inverted th, +.br-table.dark-mode th { + background-color: var(--background-dark); +} +.br-table.no-hover:hover td { + background: none; +} +.modal-informacoes { + position: absolute; + top: 10%; + left: 15%; + right: 15%; + z-index: 1000; +} +.background-modal { + position: fixed; + left: 0%; + top: 0; + right: 0%; + bottom: 0%; + background-color: rgba(0, 0, 0, 0.5); + display: flex; + align-items: center; + justify-content: center; + z-index: 99; +} +.select-options { + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); +} +.select-options div:not(:last-child) { + border-bottom: 1px solid #ccc; +} +.options { + --focus-color: var(--focus-color-light); + --focus: var(--focus-color); + background-color: #fff; + transition: background-color 0.3s ease; +} +.options:hover { + background-image: linear-gradient( + rgba(var(--color-rgb), var(--hover)), + rgba(var(--color-rgb), var(--hover)) + ); +} +.pagination-inhtmlFormation { + align-items: center; +} diff --git a/src/components/form/CadAcidentes.tsx b/src/components/form/CadAcidentes.tsx index d70670d3..5ae8521c 100644 --- a/src/components/form/CadAcidentes.tsx +++ b/src/components/form/CadAcidentes.tsx @@ -1,8 +1,7 @@ import "../../styles/form/step3.css"; import Dragdrop from "../Upload/DragDropAcidentes"; - -interface Step1_AcidentesProps { +interface Step1AcidentesProps { onClickBack: () => void; onClickError: () => void; onClickAceito: () => void; @@ -12,7 +11,7 @@ export default function CadAcidentes({ onClickBack, onClickError, onClickAceito, -}: Step1_AcidentesProps) { +}: Step1AcidentesProps) { return (

Inserir Sinistros via planilha

@@ -21,7 +20,7 @@ export default function CadAcidentes({ onClickBack={onClickBack} onClickError={onClickError} onClickAceito={onClickAceito} - /> + />
); diff --git a/src/components/form/FormularioSolicitacaoAcao.tsx b/src/components/form/FormularioSolicitacaoAcao.tsx index 7959d343..7a9fd494 100644 --- a/src/components/form/FormularioSolicitacaoAcao.tsx +++ b/src/components/form/FormularioSolicitacaoAcao.tsx @@ -273,7 +273,7 @@ const SolicitacaoAcaoForm: React.FC = () => {