Use TextBlock elements in file previews

2022-02-08 11:32:36 +01:00
parent af82d45c6e
commit d232162046
9 changed files with 45 additions and 79 deletions
--- a/svelte/src/file_viewer/viewers/TextBlock.svelte
+++ b/svelte/src/file_viewer/viewers/TextBlock.svelte
@@ -0,0 +1,20 @@
+<script>
+export let width = "800px"
+</script>
+
+<div class="block" style="max-width: {width};">
+	<slot></slot>
+</div>
+
+<style>
+.block {
+	display: inline-block;
+	text-align: left;
+	padding-left: 8px;
+	vertical-align: middle;
+
+	background-color: rgba(0, 0, 0, 0.5);
+	border-radius: 16px;
+	padding: 8px;
+}
+</style>