forked from tangled.org/core
this repo has no description

shadows + rounding everywhere

Changed files
+42 -40
appview
+2 -2
appview/pages/templates/layouts/repobase.html
···
{{ 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" }}
···
</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>
+1 -1
appview/pages/templates/layouts/topbar.html
···
{{ 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">
+26 -24
appview/pages/templates/repo/commit.html
···
{{ $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>
···
</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 -}}
+
{{- 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-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 -}}
+
{{- 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>
+4 -4
appview/pages/templates/repo/issues/issue.html
···
<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 }}"
···
{{ 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
···
{{ $owner := index $.DidHandleMap .OwnerDid }}
<span class="text-gray-400 text-sm">
<a
-
href="{{ $owner }}"
+
href="/{{ $owner }}"
class="no-underline hover:underline"
>{{ $owner }}</a
>
···
>
<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>
+1 -1
appview/pages/templates/repo/issues/issues.html
···
opened by
{{ $owner := index $.DidHandleMap .OwnerDid }}
<a
-
href="{{ $owner }}"
+
href="/{{ $owner }}"
class="no-underline hover:underline"
>{{ $owner }}</a
>
+1 -1
appview/pages/templates/repo/log.html
···
</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"
+2 -2
appview/pages/templates/user/profile.html
···
{{ 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 }}"
···
{{ 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 }}">
+5 -5
input.css
···
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;
}
···
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]