fred/ranking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(comparacao): corrigir alinhamento simétrico no modal de comparação

Browse Source 
Ajusta layout para que valores absolutos fiquem próximos ao centro
e diferenças nas extremidades de cada lado.
This commit is contained in:
Frederico Castro
2025-12-15 13:24:04 -03:00
parent 6034289403
commit 0f61b55944
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/CompararModal.css
View File

@@ -235,6 +235,7 @@
padding: 0.4rem 0.8rem; padding: 0.4rem 0.8rem;
border-radius: 8px; border-radius: 8px;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
width: 100%;
} }
.linha-comparacao .valor:first-child { .linha-comparacao .valor:first-child {
@@ -243,7 +244,6 @@
.linha-comparacao .valor:last-child { .linha-comparacao .valor:last-child {
justify-content: flex-start; justify-content: flex-start;
flex-direction: row-reverse;
} }
.valor-numero { .valor-numero {

2
frontend/src/components/CompararModal.jsx
View File

@@ -90,8 +90,8 @@ const CompararModal = ({ consultor1, consultor2, onClose }) => {
return ( return (
<div className="linha-comparacao"> <div className="linha-comparacao">
<div className={`valor ${diff1.classe}`} style={{ '--cor-componente': cor }}> <div className={`valor ${diff1.classe}`} style={{ '--cor-componente': cor }}>
<span className="valor-numero">{val1}</span>
<span className="valor-diff">{diff1.texto}</span> <span className="valor-diff">{diff1.texto}</span>
<span className="valor-numero">{val1}</span>
</div> </div>
<div className="label-centro">{label}</div> <div className="label-centro">{label}</div>
<div className={`valor ${diff2.classe}`} style={{ '--cor-componente': cor }}> <div className={`valor ${diff2.classe}`} style={{ '--cor-componente': cor }}>