From 92798f4418325bbe526e282930dfd488080651da Mon Sep 17 00:00:00 2001
From: Akshay <nerdy@peppe.rs>
Date: Sun, 2 Mar 2025 18:03:45 +0000
Subject: [PATCH] hide commit-log on smaller screens

---
 appview/pages/templates/repo/index.html | 12 ++++++------
 input.css                               |  3 +++
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index c875901..eb15765 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -3,7 +3,7 @@
 {{ define "repoContent" }}
     <main>
       {{ block "branchSelector" . }} {{ end }}
-        <div class="flex gap-2">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
           {{ block "fileTree" . }} {{ end }}
           {{ block "commitLog" . }} {{ end }}
         </div>
@@ -57,7 +57,7 @@
 {{ end }}
 
 {{ define "fileTree" }}
-<div id="file-tree" class="w-3/5 pr-2 border-r border-gray-200">
+<div id="file-tree" class="col-span-1 pr-2 md:border-r md:border-gray-200">
     {{ $containerstyle := "py-1" }}
     {{ $linkstyle := "no-underline hover:underline" }}
 
@@ -115,7 +115,7 @@
 
 
 {{ define "commitLog" }} 
-<div id="commit-log" class="flex-1">
+<div id="commit-log" class="hidden md:block md:col-span-1">
     {{ range .Commits }}
           <div class="relative px-2 pb-8">
               <div id="commit-message">
@@ -174,11 +174,11 @@
                       class="inline-block px-1 select-none after:content-['·']"
                   ></div>
                   <span>{{ timeFmt .Author.When }}</span>
-                  <div
-                      class="inline-block px-1 select-none after:content-['·']"
-                  ></div>
                   {{ $tagsForCommit := index $.TagMap .Hash.String }}
                   {{ range $tagsForCommit }}
+                    <div
+                        class="inline-block px-1 select-none after:content-['·']"
+                    ></div>
                     <span class="text-xs rounded-full bg-gray-700 text-white px-2 mx-1/2 inline-flex items-center">
                       {{ . }}
                     </span>
diff --git a/input.css b/input.css
index 1956eee..8c55060 100644
--- a/input.css
+++ b/input.css
@@ -128,6 +128,9 @@
         textarea {
             @apply bg-white border border-black rounded-sm focus:ring-black p-2;
         }
+        details summary::-webkit-details-marker {
+          display: none;
+        }
     }
 
     @layer components {
-- 
2.51.2