1200 a 1621
/* ===== ELEMENTOS ===== */
const fonteTitulo = document.getElementById("fonteTitulo");
const fonteTexto = document.getElementById("fonteTexto");
/* ===== POPULAR SELECTS COM PREVIEW ===== */
[fonteTitulo, fonteTexto].forEach(select=>{
if(!select) return;
Object.entries(FONTES).forEach(([nome, valor])=>{
const opt = document.createElement("option");
opt.value = valor;
opt.textContent = nome;
opt.style.fontFamily = valor; // 👈 preview real
select.appendChild(opt);
});
});
/* ===== PREVIEW AO VIVO ===== */
function aplicarFontes(){
document.documentElement.style.setProperty("--fonte-titulo", fonteTitulo.value);
document.documentElement.style.setProperty("--fonte-texto", fonteTexto.value);
}
if(fonteTitulo) fonteTitulo.onchange = aplicarFontes;
if(fonteTexto) fonteTexto.onchange = aplicarFontes;
/* ===== SALVAR ===== */
const btnSalvar = document.getElementById("btnSalvarFonte");
if(btnSalvar){
btnSalvar.onclick = ()=>{
set(ref(db,"loja/tipografia"),{
titulo: fonteTitulo.value,
texto: fonteTexto.value
}).then(()=>alert("Fontes salvas ✅"));
};
}
/* ===== CARREGAR ===== */
onValue(ref(db,"loja/tipografia"), snap=>{
if(!snap.exists()) return;
const t = snap.val();
document.documentElement.style.setProperty("--fonte-titulo", t.titulo);
document.documentElement.style.setProperty("--fonte-texto", t.texto);
if(fonteTitulo) fonteTitulo.value = t.titulo;
if(fonteTexto) fonteTexto.value = t.texto;
});
🔄 Gire o celular
Este aplicativo funciona apenas no modo vertical.
⏳
👥 0 usuários online agora