fnx_web/svelte/src/layout/TextBlock.svelte

<script>
export let width = "750px"
export let center = false
</script>

<div class="block" class:center style="width: {width};">
	<slot></slot>
</div>

<style>
.block {
	display: block;
	text-align: initial;
	max-width: 99%;
	overflow-wrap: anywhere;
	margin: 8px auto;

	background-color: var(--shaded_background);
	backdrop-filter: blur(4px);
	border-radius: 8px;
	padding: 8px;
}
.center {
	text-align: center;
}
</style>