plugin v1.0.1
Deploy / Deploy (push) Successful in 1m21s
Details
Deploy / Deploy (push) Successful in 1m21s
Details
This commit is contained in:
parent
9b5e63d0aa
commit
bac4196e36
|
|
@ -3,48 +3,6 @@ layout: default
|
|||
title: "{{ page.file }}"
|
||||
---
|
||||
|
||||
<style>
|
||||
/* 1. Anula o layout de "App" do style.css global */
|
||||
html, body {
|
||||
display: block !important; /* Remove o flexbox global */
|
||||
height: auto !important; /* Permite que a página cresça */
|
||||
overflow: visible !important; /* Habilita a barra de rolagem */
|
||||
overflow-x: hidden !important; /* Evita rolagem lateral indesejada */
|
||||
background-color: #fafafa !important; /* Restaura a cor de fundo clara */
|
||||
}
|
||||
|
||||
/* 2. Ajusta o container principal para empurrar o rodapé */
|
||||
.publication {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
min-height: 80vh; /* Garante altura mínima antes do rodapé */
|
||||
width: 100%;
|
||||
background-color: #fafafa; /* Garante fundo claro no conteúdo */
|
||||
}
|
||||
|
||||
/* 3. Garante que o conteúdo principal ocupe o espaço disponível */
|
||||
.publication .content {
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 4. Força o rodapé a se comportar como rodapé (embaixo) */
|
||||
footer, .footer {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
position: relative !important;
|
||||
clear: both !important;
|
||||
margin-top: auto !important; /* Empurra para o fundo se sobrar espaço */
|
||||
}
|
||||
|
||||
/* Responsividade: Celular */
|
||||
@media (max-width: 768px) {
|
||||
.publication {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="publication">
|
||||
{% include sidebar.html %}
|
||||
<main class="content">
|
||||
|
|
|
|||
Loading…
Reference in New Issue