besaid.zone / core
forked from tangled.org/core
Monorepo for Tangled
fork atom

shadows + rounding everywhere

oppi.li fd1193d1 313212d8

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