Changing some visuals

pages/[...slug].vue

@@ -6,7 +6,6 @@ function toggleLeftPanel(_: Event) {
 </script>
 
 <script setup lang="ts">
-
 const { page } = useContent()
 useContentHead(page);
 
@@ -20,6 +19,8 @@ onMounted(() => {
     icon = document.querySelector('.site-header .clickable-icon');
     icon?.removeEventListener('click', toggleLeftPanel);
     icon?.addEventListener('click', toggleLeftPanel);
+
+    document.querySelector(".published-container")?.classList.toggle('is-readable-line-width', !page.value || page.value._type !== 'canvas');
 })
 </script>