From 7134c882e503a67c09ffaa305c5e8f071072d95d Mon Sep 17 00:00:00 2001
From: Akshay <nerdy@peppe.rs>
Date: Wed, 26 Feb 2025 14:32:43 +0000
Subject: [PATCH] shadows + rounding everywhere

---
 appview/pages/templates/layouts/repobase.html |  4 +-
 appview/pages/templates/layouts/topbar.html   |  2 +-
 appview/pages/templates/repo/commit.html      | 56 ++++++++++---------
 .../pages/templates/repo/issues/issue.html    |  8 +--
 .../pages/templates/repo/issues/issues.html   |  2 +-
 appview/pages/templates/repo/log.html         |  2 +-
 appview/pages/templates/user/profile.html     |  4 +-
 input.css                                     | 10 ++--
 8 files changed, 45 insertions(+), 43 deletions(-)

diff --git a/appview/pages/templates/layouts/repobase.html b/appview/pages/templates/layouts/repobase.html
index 5dd75561..7c7c111b 100644
--- a/appview/pages/templates/layouts/repobase.html
+++ b/appview/pages/templates/layouts/repobase.html
@@ -23,7 +23,7 @@
             {{ end }}
         </span>
     </section>
-    <section id="repo-links" class="min-h-screen flex flex-col">
+    <section id="repo-links" class="min-h-screen flex flex-col drop-shadow-sm">
         <nav class="w-full mx-auto ml-4">
             <div class="flex z-60">
                 {{ $activeTabStyles := "-mb-px bg-white" }}
@@ -49,7 +49,7 @@
             </div>
         </nav>
         <section
-            class="bg-white p-6 min-h-[200px] rounded relative z-20 w-full mx-auto"
+            class="bg-white p-6 rounded relative z-20 w-full mx-auto drop-shadow-sm"
         >
             {{ block "repoContent" . }}{{ end }}
         </section>
diff --git a/appview/pages/templates/layouts/topbar.html b/appview/pages/templates/layouts/topbar.html
index 978faea9..d83b7d9d 100644
--- a/appview/pages/templates/layouts/topbar.html
+++ b/appview/pages/templates/layouts/topbar.html
@@ -1,7 +1,7 @@
 {{ define "layouts/topbar" }}
     {{ $linkstyle := "text-black hover:text-gray-600 no-underline" }}
     <nav
-        class="space-x-4 mb-4 px-6 py-2 rounded bg-white shadow-[0_4px_10px_-1px_rgba(0,0,0,0.1)]"
+        class="space-x-4 mb-4 px-6 py-2 rounded bg-white drop-shadow-sm"
     >
         <div class="container flex justify-between p-0">
             <div id="left-items">
diff --git a/appview/pages/templates/repo/commit.html b/appview/pages/templates/repo/commit.html
index 2ffa1385..9286ae34 100644
--- a/appview/pages/templates/repo/commit.html
+++ b/appview/pages/templates/repo/commit.html
@@ -67,7 +67,7 @@
   {{ $last := sub (len $diff) 1 }}
   {{ range $idx, $hunk := $diff }}
   {{ with $hunk }}
-  <section class="mt-6 border border-gray-200 w-full mx-auto rounded bg-white">
+  <section class="mt-6 border border-gray-200 w-full mx-auto rounded bg-white drop-shadow-sm">
     <div id="file-{{ .Name.New }}">
       <div id="diff-file">
         <details open>
@@ -108,37 +108,39 @@
             </div>
           </summary>
 
-          {{ if .IsDelete }}
-          <p class="text-center text-gray-400 p-4">
-              This file has been deleted in this commit.
-          </p>
-          {{ else }}
-          {{ if .IsBinary }}
+          <div class="transition-all duration-700 ease-in-out">
+            {{ if .IsDelete }}
             <p class="text-center text-gray-400 p-4">
-                This is a binary file and will not be displayed.
+            This file has been deleted in this commit.
             </p>
-          {{ else }}
+            {{ else }}
+            {{ if .IsBinary }}
+            <p class="text-center text-gray-400 p-4">
+            This is a binary file and will not be displayed.
+            </p>
+            {{ else }}
             <pre class="overflow-auto">
-            {{- range .TextFragments -}}
-              <div class="bg-gray-100 text-gray-500 select-none">{{ .Header }}</div>
-              {{- range .Lines -}}
-                  {{- if eq .Op.String "+" -}}
-                  <div class="bg-green-100 text-green-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
-                  {{- end -}}
-
-                  {{- if eq .Op.String "-" -}}
-                  <div class="bg-red-100 text-red-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
-                  {{- end -}}
-
-                  {{- if eq .Op.String " " -}}
-                  <div class="bg-white text-gray-500 px"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
-                  {{- end -}}
-
+              {{- range .TextFragments -}}
+                <div class="bg-gray-100 text-gray-500 select-none">{{ .Header }}</div>
+                {{- range .Lines -}}
+                    {{- if eq .Op.String "+" -}}
+                    <div class="bg-green-100 text-green-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
+                    {{- end -}}
+
+                    {{- if eq .Op.String "-" -}}
+                    <div class="bg-red-100 text-red-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
+                    {{- end -}}
+
+                    {{- if eq .Op.String " " -}}
+                    <div class="bg-white text-gray-500 px"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
+                    {{- end -}}
+
+                {{- end -}}
               {{- end -}}
-            {{- end -}}
             </pre>
-          {{- end -}}
-          {{ end }}
+            {{- end -}}
+            {{ end }}
+          </div>
 
         </details>
 
diff --git a/appview/pages/templates/repo/issues/issue.html b/appview/pages/templates/repo/issues/issue.html
index 2e1602ce..2e8590bd 100644
--- a/appview/pages/templates/repo/issues/issue.html
+++ b/appview/pages/templates/repo/issues/issue.html
@@ -25,7 +25,7 @@
         <div class="flex items-center gap-2">
             <div
                 id="state"
-                class="inline-flex items-center px-3 py-1 {{ $bgColor }}"
+                class="inline-flex items-center rounded px-3 py-1 {{ $bgColor }}"
             >
                 <i
                     data-lucide="{{ $icon }}"
@@ -55,7 +55,7 @@
         {{ range $index, $comment := .Comments }}
             <div
                 id="comment-{{ .CommentId }}"
-                class="rounded-sm bg-white p-4 relative"
+                class="rounded bg-white p-4 relative"
             >
                 {{ if eq $index 0 }}
                     <div
@@ -70,7 +70,7 @@
                     {{ $owner := index $.DidHandleMap .OwnerDid }}
                     <span class="text-gray-400 text-sm">
                         <a
-                            href="{{ $owner }}"
+                            href="/{{ $owner }}"
                             class="no-underline hover:underline"
                             >{{ $owner }}</a
                         >
@@ -97,7 +97,7 @@
         >
             <textarea
                 name="body"
-                class="w-full p-2 border border-gray-200"
+                class="w-full p-2 rounded border border-gray-200"
                 placeholder="Add to the discussion..."
             ></textarea>
             <button type="submit" class="btn mt-2">comment</button>
diff --git a/appview/pages/templates/repo/issues/issues.html b/appview/pages/templates/repo/issues/issues.html
index 157e0961..2c2d9277 100644
--- a/appview/pages/templates/repo/issues/issues.html
+++ b/appview/pages/templates/repo/issues/issues.html
@@ -40,7 +40,7 @@
                         opened by
                         {{ $owner := index $.DidHandleMap .OwnerDid }}
                         <a
-                            href="{{ $owner }}"
+                            href="/{{ $owner }}"
                             class="no-underline hover:underline"
                             >{{ $owner }}</a
                         >
diff --git a/appview/pages/templates/repo/log.html b/appview/pages/templates/repo/log.html
index 94162146..a4208473 100644
--- a/appview/pages/templates/repo/log.html
+++ b/appview/pages/templates/repo/log.html
@@ -109,7 +109,7 @@
         </div>
 
         {{ $commits_len := len .Commits }}
-        <div class="flex justify-between mt-4 px-10">
+        <div class="flex justify-end mt-4 gap-2">
             {{ if gt .Page 1 }}
                 <a
                     class="btn flex items-center gap-2 no-underline"
diff --git a/appview/pages/templates/user/profile.html b/appview/pages/templates/user/profile.html
index a177ce66..5189970e 100644
--- a/appview/pages/templates/user/profile.html
+++ b/appview/pages/templates/user/profile.html
@@ -31,7 +31,7 @@
         {{ range .Repos }}
             <div
                 id="repo-card"
-                class="border border-black p-4 shadow-sm bg-white"
+                class="p-4 drop-shadow-sm rounded bg-white"
             >
                 <div id="repo-card-name" class="font-medium">
                     <a href="/@{{ or $.UserHandle $.UserDid }}/{{ .Name }}"
@@ -54,7 +54,7 @@
         {{ range .CollaboratingRepos }}
             <div
                 id="repo-card"
-                class="border border-black p-4 shadow-sm bg-white"
+                class="p-4 drop-shadow-sm rounded bg-white"
             >
                 <div id="repo-card-name" class="font-medium">
                     <a href="/{{ .Did }}/{{ .Name }}">
diff --git a/input.css b/input.css
index f3db7caf..852d7a47 100644
--- a/input.css
+++ b/input.css
@@ -90,11 +90,11 @@
         word-spacing: -0.07em;
     }
 
-    a {
-        @apply no-underline text-black hover:underline hover:text-gray-800;
-    }
-
     @layer base {
+        a {
+          @apply no-underline text-black hover:underline hover:text-gray-800;
+        }
+
         label {
             @apply block text-sm text-black;
         }
@@ -112,7 +112,7 @@
             justify-center bg-transparent px-2 pb-[0.2rem] text-base
             text-gray-900 before:absolute before:inset-0 before:-z-10
             before:block before:rounded-sm before:border before:border-gray-200
-            before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#f5f5f5]
+            before:bg-white before:drop-shadow-sm
             before:content-[''] hover:before:border-gray-300
             hover:before:bg-gray-50
             hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#f5f5f5]
-- 
knotmirror 0.0.1