fix: corrige cores CambioReal e Chart.js no admin
- Remove verde do header admin, usa roxo CambioReal (#5A0091) - Corrige Chart.js movendo script para fora do <style> - Adiciona parametro scripts ao buildHead() Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -24,9 +24,9 @@ function buildAdminHomeHTML(stats, admin) {
|
|||||||
const totalOntem = stats.brlUsd.ontem.qtd + stats.usdBrl.ontem.qtd + stats.usdUsd.ontem.qtd;
|
const totalOntem = stats.brlUsd.ontem.qtd + stats.usdBrl.ontem.qtd + stats.usdUsd.ontem.qtd;
|
||||||
const totalVar = calcVar(totalHoje, totalOntem);
|
const totalVar = calcVar(totalHoje, totalOntem);
|
||||||
|
|
||||||
|
const pageScripts = `<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>`;
|
||||||
|
|
||||||
const pageCSS = `
|
const pageCSS = `
|
||||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
|
|
||||||
<style>
|
|
||||||
.date-banner {
|
.date-banner {
|
||||||
background: var(--card); border-radius: 12px; padding: 16px 24px;
|
background: var(--card); border-radius: 12px; padding: 16px 24px;
|
||||||
margin-bottom: 24px; border: 1px solid var(--border);
|
margin-bottom: 24px; border: 1px solid var(--border);
|
||||||
@@ -105,13 +105,12 @@ function buildAdminHomeHTML(stats, admin) {
|
|||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.kpi-grid, .charts-grid { grid-template-columns: 1fr; }
|
.kpi-grid, .charts-grid { grid-template-columns: 1fr; }
|
||||||
}
|
}
|
||||||
</style>
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
return `<!DOCTYPE html>
|
return `<!DOCTYPE html>
|
||||||
<html lang="pt-BR">
|
<html lang="pt-BR">
|
||||||
<head>
|
<head>
|
||||||
${buildHead('Home', pageCSS)}
|
${buildHead('Home', pageCSS, pageScripts)}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
@@ -10,9 +10,9 @@ const cssVariables = `
|
|||||||
--primary-light: #9B2DE5;
|
--primary-light: #9B2DE5;
|
||||||
--primary-dark: #5A0091;
|
--primary-dark: #5A0091;
|
||||||
--primary-bg: #F5EAFA;
|
--primary-bg: #F5EAFA;
|
||||||
--admin-accent: #2E7D32;
|
--admin-accent: #5A0091;
|
||||||
--admin-dark: #1B5E20;
|
--admin-dark: #3D0066;
|
||||||
--admin-bg: #E8F5E9;
|
--admin-bg: #F5EAFA;
|
||||||
--bg: #F0F2F5;
|
--bg: #F0F2F5;
|
||||||
--card: #FFFFFF;
|
--card: #FFFFFF;
|
||||||
--text: #1A1D23;
|
--text: #1A1D23;
|
||||||
@@ -283,13 +283,15 @@ function buildFooter() {
|
|||||||
* Gera o head HTML com estilos base
|
* Gera o head HTML com estilos base
|
||||||
* @param {string} title - Título da página
|
* @param {string} title - Título da página
|
||||||
* @param {string} additionalCSS - CSS adicional
|
* @param {string} additionalCSS - CSS adicional
|
||||||
|
* @param {string} scripts - Scripts externos (opcional)
|
||||||
*/
|
*/
|
||||||
function buildHead(title, additionalCSS = '') {
|
function buildHead(title, additionalCSS = '', scripts = '') {
|
||||||
return `
|
return `
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>${title} | BI - CCC</title>
|
<title>${title} | BI - CCC</title>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||||
|
${scripts}
|
||||||
<style>
|
<style>
|
||||||
${cssVariables}
|
${cssVariables}
|
||||||
${headerCSS}
|
${headerCSS}
|
||||||
|
|||||||
Reference in New Issue
Block a user