set width on flex/article (#14)

jotak · web-flow · commit b99f29fe114c · 2025-02-14T18:09:24.000+01:00
diff --git a/src/main/resources/web/app/app.scss b/src/main/resources/web/app/app.scss
@@ -65,8 +65,8 @@
     padding: 0;
   }
 
-  pre code.hljs {
-    white-space: pre-wrap !important;
+  .page-content {
+    padding: 10px !important;
   }
 
   .event {
diff --git a/templates/layouts/roq-default/post.html b/templates/layouts/roq-default/post.html
@@ -32,8 +32,10 @@
 .wrapper {
   max-width: 1500px;
 }
+.post, .article-page, .page-content {
+	width: 100%;
+}
 pre code.hljs {
-  max-width: 1016px;
   white-space: pre;
   background-color: #222;
 }

Original file line number	Diff line number	Diff line change
`@@ -65,8 +65,8 @@`
`65`	`65`	`padding: 0;`
`66`	`66`	`}`
`67`	`67`
`68`		`- pre code.hljs {`
`69`		`- white-space: pre-wrap !important;`
	`68`	`+ .page-content {`
	`69`	`+ padding: 10px !important;`
`70`	`70`	`}`
`71`	`71`
`72`	`72`	`.event {`
Original file line number	Diff line number	Diff line change
`@@ -32,8 +32,10 @@`
`32`	`32`	`.wrapper {`
`33`	`33`	`max-width: 1500px;`
`34`	`34`	`}`
	`35`	`+.post, .article-page, .page-content {`
	`36`	`+ width: 100%;`
	`37`	`+}`
`35`	`38`	`pre code.hljs {`
`36`		`- max-width: 1016px;`
`37`	`39`	`white-space: pre;`
`38`	`40`	`background-color: #222;`
`39`	`41`	`}`