From 1f199883d114b19325fb961b3057a4b62cdb5506 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Wed, 28 Feb 2024 12:35:41 +0000
Subject: [PATCH] feat: hide sidebar on smaller viewpoint

so thread is less squashed
---
 .../[repo_id]/issue/[issue_id]/+page.svelte   |  6 +--
 .../repo/[repo_id]/issues/new/+page.svelte    |  6 +--
 .../proposal/[proposal_id]/+page.svelte       | 46 ++++++++++---------
 3 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte b/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte
index d22796a..ac8056e 100644
--- a/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte
+++ b/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte
@@ -63,8 +63,8 @@
 {:else}
   <ProposalHeader {...$selected_issue_full.summary} />
   <Container>
-    <div class="mx-auto max-w-6xl md:flex">
-      <div class="md:mr-2 md:w-2/3">
+    <div class="mx-auto max-w-6xl lg:flex">
+      <div class="md:mr-2 lg:w-2/3">
         <div class="max-w-4xl">
           {#if $selected_issue_full.issue_event}
             <Thread
@@ -75,7 +75,7 @@
           {/if}
         </div>
       </div>
-      <div class="prose ml-2 hidden w-1/3 md:flex">
+      <div class="prose ml-2 hidden w-1/3 lg:flex">
         <ProposalDetails
           type="issue"
           summary={$selected_issue_full.summary}
diff --git a/src/routes/repo/[repo_id]/issues/new/+page.svelte b/src/routes/repo/[repo_id]/issues/new/+page.svelte
index ad96894..e791699 100644
--- a/src/routes/repo/[repo_id]/issues/new/+page.svelte
+++ b/src/routes/repo/[repo_id]/issues/new/+page.svelte
@@ -50,12 +50,12 @@
   <RepoHeader {...$selected_repo_event} />
 
   <Container>
-    <div class="mt-2 md:flex">
-      <div class="prose md:mr-2 md:w-2/3">
+    <div class="mt-2 lg:flex">
+      <div class="prose lg:mr-2 lg:w-2/3">
         <h4>Create Issue</h4>
         <ComposeIssue repo_event={$selected_repo_event} />
       </div>
-      <div class="prose ml-2 hidden w-1/3 md:flex">
+      <div class="prose ml-2 hidden w-1/3 lg:flex">
         <RepoDetails repo_id={identifier} />
       </div>
     </div>
diff --git a/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte b/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
index a9831bb..b3fe116 100644
--- a/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
+++ b/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
@@ -65,8 +65,8 @@
 {:else}
   <ProposalHeader {...$selected_proposal_full.summary} />
   <Container>
-    <div class="mx-auto max-w-6xl md:flex">
-      <div class="md:mr-2 md:w-2/3">
+    <div class="mx-auto max-w-6xl lg:flex">
+      <div class="lg:w-2/3 xl:mr-2">
         <div class="max-w-4xl">
           {#if $selected_proposal_full.proposal_event}
             <Thread
@@ -77,25 +77,28 @@
           {/if}
         </div>
       </div>
-      <div class="prose ml-2 hidden w-1/3 md:block">
-        <div role="alert" class="alert mt-3 w-full">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            class="h-6 w-6 shrink-0 stroke-info"
-            ><path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              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 mt-2 text-sm font-bold">
-              view in local git repository
-            </h3>
-            <p class="prose text-xs">
+      <div class="prose ml-2 hidden w-1/3 lg:block">
+        <div role="alert" class="max-w-2 alert mt-3">
+          <div class="text-center">
+            <div>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                class="inline h-6 w-6 shrink-0 stroke-info"
+                ><path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                ></path></svg
+              >
+              <h3 class="prose mx-1 inline text-sm font-bold">
+                view in local git repository
+              </h3>
+            </div>
+
+            <p class="mx-0 mb-1 mt-2 text-xs">
               <a href="/ngit">install ngit</a>, run
               <span class="rounded bg-neutral p-1 font-mono"
                 ><span class="py-3">ngit list</span></span
@@ -105,6 +108,7 @@
         </div>
         <div class="block">
           <ProposalDetails
+            type="proposal"
             summary={$selected_proposal_full.summary}
             labels={$selected_proposal_full.labels}
             loading={$selected_proposal_full.loading}