forked from tangled.org/core
Monorepo for Tangled

shadows + rounding everywhere

Changed files
+42 -40
appview
+2 -2
appview/pages/templates/layouts/repobase.html
··· 23 23 {{ end }} 24 24 </span> 25 25 </section> 26 - <section id="repo-links" class="min-h-screen flex flex-col"> 26 + <section id="repo-links" class="min-h-screen flex flex-col drop-shadow-sm"> 27 27 <nav class="w-full mx-auto ml-4"> 28 28 <div class="flex z-60"> 29 29 {{ $activeTabStyles := "-mb-px bg-white" }} ··· 49 49 </div> 50 50 </nav> 51 51 <section 52 - class="bg-white p-6 min-h-[200px] rounded relative z-20 w-full mx-auto" 52 + class="bg-white p-6 rounded relative z-20 w-full mx-auto drop-shadow-sm" 53 53 > 54 54 {{ block "repoContent" . }}{{ end }} 55 55 </section>
+1 -1
appview/pages/templates/layouts/topbar.html
··· 1 1 {{ define "layouts/topbar" }} 2 2 {{ $linkstyle := "text-black hover:text-gray-600 no-underline" }} 3 3 <nav 4 - class="space-x-4 mb-4 px-6 py-2 rounded bg-white shadow-[0_4px_10px_-1px_rgba(0,0,0,0.1)]" 4 + class="space-x-4 mb-4 px-6 py-2 rounded bg-white drop-shadow-sm" 5 5 > 6 6 <div class="container flex justify-between p-0"> 7 7 <div id="left-items">
+26 -24
appview/pages/templates/repo/commit.html
··· 67 67 {{ $last := sub (len $diff) 1 }} 68 68 {{ range $idx, $hunk := $diff }} 69 69 {{ with $hunk }} 70 - <section class="mt-6 border border-gray-200 w-full mx-auto rounded bg-white"> 70 + <section class="mt-6 border border-gray-200 w-full mx-auto rounded bg-white drop-shadow-sm"> 71 71 <div id="file-{{ .Name.New }}"> 72 72 <div id="diff-file"> 73 73 <details open> ··· 108 108 </div> 109 109 </summary> 110 110 111 - {{ if .IsDelete }} 112 - <p class="text-center text-gray-400 p-4"> 113 - This file has been deleted in this commit. 114 - </p> 115 - {{ else }} 116 - {{ if .IsBinary }} 111 + <div class="transition-all duration-700 ease-in-out"> 112 + {{ if .IsDelete }} 117 113 <p class="text-center text-gray-400 p-4"> 118 - This is a binary file and will not be displayed. 114 + This file has been deleted in this commit. 119 115 </p> 120 - {{ else }} 116 + {{ else }} 117 + {{ if .IsBinary }} 118 + <p class="text-center text-gray-400 p-4"> 119 + This is a binary file and will not be displayed. 120 + </p> 121 + {{ else }} 121 122 <pre class="overflow-auto"> 122 - {{- range .TextFragments -}} 123 - <div class="bg-gray-100 text-gray-500 select-none">{{ .Header }}</div> 124 - {{- range .Lines -}} 125 - {{- if eq .Op.String "+" -}} 126 - <div class="bg-green-100 text-green-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div> 127 - {{- end -}} 123 + {{- range .TextFragments -}} 124 + <div class="bg-gray-100 text-gray-500 select-none">{{ .Header }}</div> 125 + {{- range .Lines -}} 126 + {{- if eq .Op.String "+" -}} 127 + <div class="bg-green-100 text-green-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div> 128 + {{- end -}} 128 129 129 - {{- if eq .Op.String "-" -}} 130 - <div class="bg-red-100 text-red-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div> 131 - {{- end -}} 130 + {{- if eq .Op.String "-" -}} 131 + <div class="bg-red-100 text-red-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div> 132 + {{- end -}} 132 133 133 - {{- if eq .Op.String " " -}} 134 - <div class="bg-white text-gray-500 px"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div> 135 - {{- end -}} 134 + {{- if eq .Op.String " " -}} 135 + <div class="bg-white text-gray-500 px"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div> 136 + {{- end -}} 136 137 138 + {{- end -}} 137 139 {{- end -}} 138 - {{- end -}} 139 140 </pre> 140 - {{- end -}} 141 - {{ end }} 141 + {{- end -}} 142 + {{ end }} 143 + </div> 142 144 143 145 </details> 144 146
+4 -4
appview/pages/templates/repo/issues/issue.html
··· 25 25 <div class="flex items-center gap-2"> 26 26 <div 27 27 id="state" 28 - class="inline-flex items-center px-3 py-1 {{ $bgColor }}" 28 + class="inline-flex items-center rounded px-3 py-1 {{ $bgColor }}" 29 29 > 30 30 <i 31 31 data-lucide="{{ $icon }}" ··· 55 55 {{ range $index, $comment := .Comments }} 56 56 <div 57 57 id="comment-{{ .CommentId }}" 58 - class="rounded-sm bg-white p-4 relative" 58 + class="rounded bg-white p-4 relative" 59 59 > 60 60 {{ if eq $index 0 }} 61 61 <div ··· 70 70 {{ $owner := index $.DidHandleMap .OwnerDid }} 71 71 <span class="text-gray-400 text-sm"> 72 72 <a 73 - href="{{ $owner }}" 73 + href="/{{ $owner }}" 74 74 class="no-underline hover:underline" 75 75 >{{ $owner }}</a 76 76 > ··· 97 97 > 98 98 <textarea 99 99 name="body" 100 - class="w-full p-2 border border-gray-200" 100 + class="w-full p-2 rounded border border-gray-200" 101 101 placeholder="Add to the discussion..." 102 102 ></textarea> 103 103 <button type="submit" class="btn mt-2">comment</button>
+1 -1
appview/pages/templates/repo/issues/issues.html
··· 40 40 opened by 41 41 {{ $owner := index $.DidHandleMap .OwnerDid }} 42 42 <a 43 - href="{{ $owner }}" 43 + href="/{{ $owner }}" 44 44 class="no-underline hover:underline" 45 45 >{{ $owner }}</a 46 46 >
+1 -1
appview/pages/templates/repo/log.html
··· 109 109 </div> 110 110 111 111 {{ $commits_len := len .Commits }} 112 - <div class="flex justify-between mt-4 px-10"> 112 + <div class="flex justify-end mt-4 gap-2"> 113 113 {{ if gt .Page 1 }} 114 114 <a 115 115 class="btn flex items-center gap-2 no-underline"
+2 -2
appview/pages/templates/user/profile.html
··· 31 31 {{ range .Repos }} 32 32 <div 33 33 id="repo-card" 34 - class="border border-black p-4 shadow-sm bg-white" 34 + class="p-4 drop-shadow-sm rounded bg-white" 35 35 > 36 36 <div id="repo-card-name" class="font-medium"> 37 37 <a href="/@{{ or $.UserHandle $.UserDid }}/{{ .Name }}" ··· 54 54 {{ range .CollaboratingRepos }} 55 55 <div 56 56 id="repo-card" 57 - class="border border-black p-4 shadow-sm bg-white" 57 + class="p-4 drop-shadow-sm rounded bg-white" 58 58 > 59 59 <div id="repo-card-name" class="font-medium"> 60 60 <a href="/{{ .Did }}/{{ .Name }}">
+5 -5
input.css
··· 90 90 word-spacing: -0.07em; 91 91 } 92 92 93 - a { 94 - @apply no-underline text-black hover:underline hover:text-gray-800; 95 - } 96 - 97 93 @layer base { 94 + a { 95 + @apply no-underline text-black hover:underline hover:text-gray-800; 96 + } 97 + 98 98 label { 99 99 @apply block text-sm text-black; 100 100 } ··· 112 112 justify-center bg-transparent px-2 pb-[0.2rem] text-base 113 113 text-gray-900 before:absolute before:inset-0 before:-z-10 114 114 before:block before:rounded-sm before:border before:border-gray-200 115 - before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#f5f5f5] 115 + before:bg-white before:drop-shadow-sm 116 116 before:content-[''] hover:before:border-gray-300 117 117 hover:before:bg-gray-50 118 118 hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#f5f5f5]