Adicionando quebra de linha nos posts e projetos

ICEI-PUC-Minas-PPLCC-TI · Dec 2, 2023 · c0ecd86 · c0ecd86
1 parent 41de331
commit c0ecd86
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/src/forum/assets/js/posts.js b/src/forum/assets/js/posts.js
@@ -42,7 +42,7 @@ async function showPost() {
 		document.querySelector('.autor').innerHTML = post.autor;
 
 
-		document.querySelector('.conteudo').innerHTML = `<p>${post.conteudo}</p>`;
+		document.querySelector('.conteudo').innerHTML = `<p>${post.conteudo.replaceAll('\n', '<br>')}</p>`;
 
 		document.querySelector('.comentarios').innerHTML = `${comentariosHTML}`;
 

diff --git a/src/projetos/assets/css/projetos.css b/src/projetos/assets/css/projetos.css
@@ -50,3 +50,17 @@
 .itens-list article p.hard {
   background-color: var(--light-red);
 }
+
+
+p.categoria {
+  display: inline-block;
+	padding: .3em .6em;
+	background-color: var(--grey);
+	color: var(--white);
+	font-weight: bold;
+	border-radius: .5vmax;
+}
+
+.conteudo {
+  margin: 2em 1em 0;
+}
diff --git a/src/projetos/assets/js/projeto.js b/src/projetos/assets/js/projeto.js
@@ -17,7 +17,7 @@ async function showProject() {
 		document.querySelector('.autor').innerHTML = project.autor;
 
 
-		document.querySelector('.conteudo').innerHTML = `<p>${project.conteudo}</p>`;
+		document.querySelector('.conteudo').innerHTML = `<p>${project.conteudo.replaceAll('\n', '<br>')}</p>`;
   } catch (error) {
     console.error('Falha ao carregar e exibir os posts:', error);
   }