start styleen
Changed files
@@ -11,24 +11,24 @@ <script src="/static/htmx.min.js"></script><link href="/static/tw.css" rel="stylesheet" type="text/css" /><title>{{ block "title" . }}tangled{{ end }}</title></head>- <body class="min-h-screen flex flex-col justify-between">+ <body class="bg-slate-100 min-h-screen flex flex-col justify-between">+ <div class="container mx-auto px-1 pt-4"><header>- {{ block "topbar" . }}- {{ template "layouts/topbar" . }}- {{ end }}+ {{ block "topbar" . }}+ {{ template "layouts/topbar" . }}+ {{ end }}</header>- <div class="container mx-auto px-1 flex-grow">- <main class="content">{{ block "content" . }}{{ end }}</main>- <script src="/static/lucide.min.js"></script>- <script>- lucide.createIcons();- </script>- </div>+ <main class="content">{{ block "content" . }}{{ end }}</main><footer class="mt-16 ">{{ block "footer" . }}{{ template "layouts/footer" . }}{{ end }}</footer>+ <script src="/static/lucide.min.js"></script>+ <script>+ lucide.createIcons();+ </script>+ </div></body></html>{{ end }}
@@ -1,7 +1,7 @@{{ define "title" }}{{ .RepoInfo.FullName }}{{ end }}{{ define "content" }}- <section id="repo-header" class="mb-4">+ <section id="repo-header" class="mb-4 p-2"><p class="text-xl"><ahref="/{{ .RepoInfo.OwnerWithAt }}"@@ -24,9 +24,9 @@ {{ end }}</span></section><section id="repo-links" class="min-h-screen flex flex-col">- <nav class="w-full mx-auto">- <div class="flex z-60 border-gray-200 border-b">- {{ $activeTabStyles := "border-gray-200 border-l border-r border-t border-b-0 -mb-px bg-white" }}+ <nav class="w-full mx-auto ml-4">+ <div class="flex z-60">+ {{ $activeTabStyles := "-mb-px bg-white" }}{{ $tabs := .RepoInfo.GetTabs }}{{ range $item := $tabs }}{{ $key := index $item 0 }}@@ -37,7 +37,7 @@ class="relative -mr-px group no-underline"hx-boost="true"><div- class="px-4 py-2 mr-1 text-black min-w-[80px] text-center relative group-hover:bg-gray-200+ class="px-4 py-2 mr-1 text-black min-w-[80px] text-center relative group-hover:bg-gray-200 rounded-t{{ if eq $.Active $key }}{{ $activeTabStyles }}{{ end }}"@@ -49,7 +49,7 @@ {{ end }}</div></nav><section- class="bg-white p-6 min-h-[200px] border-l border-r border-b border-gray-200 relative z-20 w-full mx-auto"+ class="bg-white p-6 min-h-[200px] rounded relative z-20 w-full mx-auto">{{ block "repoContent" . }}{{ end }}</section>
@@ -1,6 +1,6 @@{{ define "layouts/topbar" }}- {{ $linkstyle := "text-gray-400 hover:text-gray-900 no-underline" }}- <nav class="space-x-4 mb-4 py-2 border-b border-gray-200">+ {{ $linkstyle := "text-black hover:text-gray-600 no-underline" }}+ <nav class="space-x-4 mb-4 px-6 py-2 rounded bg-white"><div class="container flex justify-between p-0"><div id="left-items"><a href="/" hx-boost="true" class="{{ $linkstyle }} flex gap-2">@@ -17,7 +17,7 @@ <details class="relative inline-block text-left"><summary class="{{ $linkstyle }} cursor-pointer list-none">{{ didOrHandle .Did .Handle }}</summary>- <div class="absolute flex flex-col right-0 mt-4 p-2 w-48 bg-white border border-gray-200 z-50">+ <div class="absolute flex flex-col right-0 mt-4 p-4 rounded w-48 bg-white border border-gray-200 z-50"><a href="/{{ didOrHandle .Did .Handle }}"class="{{ $linkstyle }}">profile</a><a href="/knots"class="{{ $linkstyle }}">knots</a><a href="/settings"class="{{ $linkstyle }}">settings</a>
@@ -67,12 +67,12 @@{{ $last := sub (len $diff) 1 }}{{ range $idx, $hunk := $diff }}{{ with $hunk }}- <section class="mt-4 border border-gray-200 w-full mx-auto">+ <section class="mt-6 border border-gray-200 w-full mx-auto rounded bg-white"><div id="file-{{ .Name.New }}"><div id="diff-file"><details open><summary class="list-none cursor-pointer sticky top-0">- <div id="diff-file-header" class="border-b cursor-pointer bg-white border-gray-200 flex justify-between">+ <div id="diff-file-header" class="rounded cursor-pointer bg-white flex justify-between"><div id="left-side-items" class="p-2">{{ if .IsNew }}<span class="diff-type p-1 mr-1 font-mono text-sm bg-green-100 rounded text-green-700 select-none">A</span>@@ -123,15 +123,15 @@ {{- 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 mr-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>+ <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 mr-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>+ <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="text-gray-500 px"><span class="select-none mr-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>+ <div class="bg-white text-gray-500 px"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>{{- end -}}{{- end -}}
@@ -177,7 +177,7 @@ {{ end }}{{ define "repoAfter" }}{{- if .Readme }}- <section class="mt-4 p-6 border border-gray-200 w-full mx-auto">+ <section class="mt-4 p-6 rounded bg-white w-full mx-auto"><article class="readme">{{- .Readme -}}</article>@@ -185,7 +185,7 @@ </section>{{- end -}}- <section class="mt-4 p-6 border border-gray-200 w-full mx-auto">+ <section class="mt-4 p-6 rounded bg-white w-full mx-auto"><strong>clone</strong><pre>git clone https://tangled.sh/{{ .RepoInfo.OwnerWithAt }}/{{ .RepoInfo.Name }} </pre
@@ -1,7 +1,11 @@{{ define "title" }}commits · {{ .RepoInfo.FullName }}{{ end }}{{ define "repoContent" }}+ <h1>Commits</h1>+ <h1>Commits</h1>+{{ end }}+{{ define "repoAfter" }}<main><div id="commit-log" class="flex-1">{{ range .Commits }}@@ -11,7 +15,7 @@ class="w-5 h-5 mt-5 text-gray-400 align-middle"data-lucide="git-commit-horizontal"></i><div- class="relative w-full px-4 py-4 mt-5 mx-3 hover:bg-gray-50 border border-gray-200"+ class="relative w-full px-4 py-4 mt-5 hover:bg-gray-50 border border-gray-200 bg-white"><div id="commit-message">{{ $messageParts := splitN .Message "\n\n" 2 }}
MODIFIED
input.css
MODIFIED
input.css
@@ -91,7 +91,7 @@ word-spacing: -0.07em;}a {- @apply underline text-black hover:text-gray-800;+ @apply no-underline text-black hover:underline hover:text-gray-800;}@layer base {