Particles Update

src/lib/assets/css/terminal-tui.css

@@ -7,10 +7,10 @@
 	position: relative;
 	display: flex;
 	flex-direction: column;
-	width: 95%;
+	width: 100%;
 	margin: 0 auto;
-	height: calc(100vh - var(--navbar-height) - 80px);
-	max-height: calc(100vh - var(--navbar-height) - 80px);
+	height: calc(100vh - var(--navbar-height) - 65px);
+	max-height: calc(100vh - var(--navbar-height) - 65px);
 	animation: tuiFadeIn 0.4s ease-out;
 }
 

src/lib/assets/css/tui-body.css

@@ -12,11 +12,23 @@
 .tui-inline-group {
 	display: flex;
 	flex-wrap: wrap;
+	align-items: flex-start;
 	gap: 0.5rem;
 	margin-bottom: 0.2rem;
 	animation: lineSlideIn 0.15s ease-out;
 }
 
+/* When inline group contains an image, allow text to wrap beside it */
+.tui-inline-group:has(.inline-image) {
+	flex-wrap: nowrap;
+	align-items: flex-start;
+}
+
+.tui-inline-group:has(.inline-image) .inline-content {
+	flex: 1;
+	min-width: 0;
+}
+
 .inline-content {
 	display: inline;
 	white-space: pre-wrap;
@@ -179,6 +191,14 @@
 	padding: 0.5rem 0;
 }
 
+/* Inline images */
+.tui-image.inline-image {
+	display: inline-flex;
+	padding: 0;
+	vertical-align: middle;
+	flex-shrink: 0;
+}
+
 .tui-image img {
 	border-radius: 6px;
 	border: 1px solid var(--terminal-border);