feat(ProposalPage): reduce content width

to improve reability on larger windows

src/lib/components/events/EventWrapper.svelte

@@ -18,7 +18,7 @@
   $: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : ''
 </script>
 
-<div class="border-b border-base-300 p-3 pl-3">
+<div class="max-w-4xl border-b border-base-300 p-3 pl-3">
   <div class="flex">
     <div class="flex-auto">
       <UserHeader user={author} />

src/lib/components/events/content/ParsedContent.svelte

@@ -14,7 +14,7 @@
   $: fullContent = parseContent({ content, tags })
 </script>
 
-<div>
+<div class="max-w-prose">
   {#each fullContent as part}
     {#if isParsedNewLine(part)}
       {#if part.value.length > 1}

src/lib/components/events/content/Patch.svelte

@@ -48,7 +48,7 @@
 
 <div class="">
   <div class="flex rounded-t bg-base-300 p-1">
-    <article class="ml-2 flex-grow font-mono">
+    <article class="ml-2 flex-grow font-mono text-sm">
       <ParsedContent content={commit_message} />
     </article>
     <div class="flex-none p-1 align-middle text-xs text-neutral">commit</div>

src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte

@@ -69,50 +69,52 @@
 {:else}
   <ProposalHeader {...$selected_proposal_full.summary} />
   <Container>
-    <div class="md:flex">
+    <div class="mx-auto max-w-6xl md:flex">
       <div class="md:mr-2 md:w-2/3">
-        <div role="alert" class="alert mt-3">
+        <div class="max-w-4xl">
-          <svg
+          <div role="alert" class="alert mt-3">
-            xmlns="http://www.w3.org/2000/svg"
+            <svg
-            fill="none"
+              xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
+              fill="none"
-            class="h-6 w-6 shrink-0 stroke-info"
+              viewBox="0 0 24 24"
-            ><path
+              class="h-6 w-6 shrink-0 stroke-info"
-              stroke-linecap="round"
+              ><path
-              stroke-linejoin="round"
+                stroke-linecap="round"
-              stroke-width="2"
+                stroke-linejoin="round"
-              d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                stroke-width="2"
-            ></path></svg
+                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-          >
+              ></path></svg
-          <div>
+            >
-            <h3 class="prose mb-2 text-sm font-bold">
+            <div>
-              view proposal in local git repository
+              <h3 class="prose mb-2 text-sm font-bold">
-            </h3>
+                view proposal in local git repository
-            <p class="prose text-xs">
+              </h3>
-              <a href="/ngit">install ngit</a>, run
+              <p class="prose text-xs">
-              <span class="rounded bg-neutral p-1 font-mono"
+                <a href="/ngit">install ngit</a>, run
-                ><span class="py-3">ngit list</span></span
+                <span class="rounded bg-neutral p-1 font-mono"
-              > from the local repository and select the proposal title
+                  ><span class="py-3">ngit list</span></span
-            </p>
+                > from the local repository and select the proposal title
+              </p>
+            </div>
+          </div>
+          <div class="my-3">
+            {#if $selected_proposal_full.proposal_event && $selected_proposal_full.proposal_event.kind === patch_kind}
+              <Patch
+                content={$selected_proposal_full.proposal_event.content}
+                tags={$selected_proposal_full.proposal_event.tags}
+              />
+            {:else}
+              <ParsedContent
+                content={$selected_proposal_full.summary.descritpion}
+              />
+            {/if}
+          </div>
+          {#each $selected_proposal_replies as event}
+            <Thread {event} replies={[]} />
+          {/each}
+          <div class="my-3">
+            <Compose />
           </div>
-        </div>
-        <div class="my-3">
-          {#if $selected_proposal_full.proposal_event && $selected_proposal_full.proposal_event.kind === patch_kind}
-            <Patch
-              content={$selected_proposal_full.proposal_event.content}
-              tags={$selected_proposal_full.proposal_event.tags}
-            />
-          {:else}
-            <ParsedContent
-              content={$selected_proposal_full.summary.descritpion}
-            />
-          {/if}
-        </div>
-        {#each $selected_proposal_replies as event}
-          <Thread {event} replies={[]} />
-        {/each}
-        <div class="my-3">
-          <Compose />
         </div>
       </div>
       <div class="prose ml-2 hidden w-1/3 md:flex">