forked from tangled.org/core
Monorepo for Tangled — https://tangled.org

hide commit-log on smaller screens

Changed files
+9 -6
appview
pages
templates
repo
+6 -6
appview/pages/templates/repo/index.html
···
{{ 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>
···
{{ 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" }}
···
{{ 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">
···
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>
+3
input.css
···
textarea {
@apply bg-white border border-black rounded-sm focus:ring-black p-2;
}
+
details summary::-webkit-details-marker {
+
display: none;
+
}
}
@layer components {