remove btn-ghost style

AuthorKonata <konata@posteo.jp>
Date
Commit74acb47d06c3a51b2fa5077a7b4fe19776dac7e0
Parentbc77d22
15 files changed, 38 insertions(+), 51 deletions(-)
Msrc/routes/repos.tsx
@@ -295,11 +295,15 @@ export const repoRoutes = new Elysia()
295295 const key = resolved
296296 ? `readme:${repo.name}:${resolved}:`
297297 : undefined;
298- readmeHtml = renderMarkdown(readme.content.toString("utf-8"), key, {
299- repo: repo.name,
300- ref: repo.default_branch,
301- dir: "",
302- });
298+ readmeHtml = renderMarkdown(
299+ readme.content.toString("utf-8"),
300+ key,
301+ {
302+ repo: repo.name,
303+ ref: repo.default_branch,
304+ dir: "",
305+ },
306+ );
303307 readmePath = readme.filename;
304308 }
305309 }
@@ -472,9 +476,10 @@ export const repoRoutes = new Elysia()
472476 {
473477 repo: repo.name,
474478 ref: params.ref,
475- dir: path.dirname(filePath) === "."
476- ? ""
477- : path.dirname(filePath),
479+ dir:
480+ path.dirname(filePath) === "."
481+ ? ""
482+ : path.dirname(filePath),
478483 },
479484 ),
480485 )
Msrc/styles/main.css
@@ -360,23 +360,6 @@
360360 background: var(--color-bg-subtle);
361361 border-color: var(--color-border);
362362 }
363- .btn-ghost {
364- background: transparent;
365- border-color: transparent;
366- }
367- .btn-ghost:hover {
368- background: var(--color-bg-inset);
369- }
370- /* Keep ghost transparent even when combined with size variants */
371- .btn-ghost.btn-xs,
372- .btn-ghost.btn-sm {
373- background: transparent;
374- border-color: transparent;
375- }
376- .btn-ghost.btn-xs:hover,
377- .btn-ghost.btn-sm:hover {
378- background: var(--color-bg-inset);
379- }
380363 .btn-sm {
381364 padding: var(--space-1) var(--space-3);
382365 font-size: var(--text-xs);
@@ -880,6 +863,11 @@
880863 font-size: var(--text-sm);
881864 font-weight: 500;
882865 }
866+ .file-blob-actions {
867+ display: flex;
868+ align-items: center;
869+ gap: var(--space-2);
870+ }
883871 .file-blob-body {
884872 border: 1px solid var(--color-border);
885873 border-top: none;
Msrc/views/Settings.tsx
@@ -86,10 +86,7 @@ export function Settings({
8686 action="/settings/avatar/delete"
8787 class="inline-form"
8888 >
89- <button
90- type="submit"
91- class="btn btn-sm btn-ghost"
92- >
89+ <button type="submit" class="btn btn-sm">
9390 Remove avatar
9491 </button>
9592 </form>
Msrc/views/issues/IssueDetail.tsx
@@ -92,7 +92,7 @@ export function IssueDetail({
9292 </form>
9393 </div>
9494 <details class="title-edit-details">
95- <summary class="btn btn-xs btn-ghost">
95+ <summary class="btn btn-xs">
9696 Edit title
9797 </summary>
9898 </details>
@@ -171,7 +171,7 @@ export function IssueDetail({
171171 <div class="timeline-author-right">
172172 {canEditIssue && (
173173 <details class="inline-edit-details">
174- <summary class="btn btn-xs btn-ghost">
174+ <summary class="btn btn-xs">
175175 <span class="when-closed">
176176 Edit
177177 </span>
@@ -248,7 +248,7 @@ export function IssueDetail({
248248 <div class="timeline-author-right">
249249 {canEditComment(comment) && (
250250 <details class="inline-edit-details">
251- <summary class="btn btn-xs btn-ghost">
251+ <summary class="btn btn-xs">
252252 <span class="when-closed">
253253 Edit
254254 </span>
Msrc/views/issues/NewIssue.tsx
@@ -54,7 +54,7 @@ export function NewIssue({ user, repo, error, template }: NewIssueProps) {
5454 <button type="submit" class="btn btn-primary">
5555 Submit issue
5656 </button>
57- <a href={`/${repo.name}/issues`} class="btn btn-ghost">
57+ <a href={`/${repo.name}/issues`} class="btn">
5858 Cancel
5959 </a>
6060 </div>
Msrc/views/layout.tsx
@@ -56,7 +56,7 @@ export function Layout({ user, title, children }: LayoutProps) {
5656 >
5757 <button
5858 type="submit"
59- class="btn btn-sm btn-ghost"
59+ class="btn btn-sm"
6060 >
6161 Sign out
6262 </button>
@@ -64,10 +64,7 @@ export function Layout({ user, title, children }: LayoutProps) {
6464 </>
6565 ) : (
6666 <>
67- <a
68- href="/login"
69- class="btn btn-sm btn-ghost"
70- >
67+ <a href="/login" class="btn btn-sm">
7168 Sign in
7269 </a>
7370 <a
Msrc/views/patches/NewPatch.tsx
@@ -62,7 +62,7 @@ export function NewPatch({ user, repo, error, template }: NewPatchProps) {
6262 <button type="submit" class="btn btn-primary">
6363 Upload patch
6464 </button>
65- <a href={`/${repo.name}/patches`} class="btn btn-ghost">
65+ <a href={`/${repo.name}/patches`} class="btn">
6666 Cancel
6767 </a>
6868 </div>
Msrc/views/patches/PatchDetail.tsx
@@ -113,7 +113,7 @@ export function PatchDetail({
113113 </form>
114114 </div>
115115 <details class="title-edit-details">
116- <summary class="btn btn-xs btn-ghost">
116+ <summary class="btn btn-xs">
117117 Edit title
118118 </summary>
119119 </details>
@@ -254,7 +254,7 @@ export function PatchDetail({
254254 <div class="timeline-author-right">
255255 {canEdit && (
256256 <details class="inline-edit-details">
257- <summary class="btn btn-xs btn-ghost">
257+ <summary class="btn btn-xs">
258258 <span class="when-closed">
259259 Edit
260260 </span>
@@ -359,7 +359,7 @@ export function PatchDetail({
359359 <div class="timeline-author-right">
360360 {canEditComment(comment) && (
361361 <details class="inline-edit-details">
362- <summary class="btn btn-xs btn-ghost">
362+ <summary class="btn btn-xs">
363363 <span class="when-closed">
364364 Edit
365365 </span>
Msrc/views/repos/BranchSelector.tsx
@@ -49,7 +49,7 @@ export function BranchSelector({
4949 ))}
5050 </select>
5151 <noscript>
52- <button type="submit" class="btn btn-sm btn-ghost">
52+ <button type="submit" class="btn btn-sm">
5353 Go
5454 </button>
5555 </noscript>
Msrc/views/repos/CommitDetail.tsx
@@ -34,7 +34,7 @@ export function CommitDetail({
3434 <div class="commit-page-top">
3535 <a
3636 href={`/${repo.name}/commits/${repo.default_branch}`}
37- class="btn btn-ghost btn-sm"
37+ class="btn btn-sm"
3838 >
3939 ← Back to log
4040 </a>
Msrc/views/repos/FileBlob.tsx
@@ -71,7 +71,7 @@ export function FileBlob({
7171 />
7272 <a
7373 href={`/${repo.name}/raw/${blobRef}/${filePath}`}
74- class="btn btn-sm btn-ghost"
74+ class="btn btn-sm"
7575 >
7676 Raw
7777 </a>
Msrc/views/repos/FileEdit.tsx
@@ -64,7 +64,7 @@ export function FileEdit({
6464 <div class="file-blob-actions">
6565 <a
6666 href={`/${repo.name}/blob/${editRef}/${filePath}`}
67- class="btn btn-sm btn-ghost"
67+ class="btn btn-sm"
6868 >
6969 Cancel
7070 </a>
@@ -107,7 +107,7 @@ export function FileEdit({
107107 </button>
108108 <a
109109 href={`/${repo.name}/blob/${editRef}/${filePath}`}
110- class="btn btn-ghost"
110+ class="btn"
111111 >
112112 Cancel
113113 </a>
Msrc/views/repos/FileTree.tsx
@@ -79,7 +79,7 @@ export function FileTree({
7979 {readmePath && (
8080 <a
8181 href={`/${repo.name}/raw/${treeRef}/${readmePath}`}
82- class="btn btn-sm btn-ghost"
82+ class="btn btn-sm"
8383 >
8484 Raw
8585 </a>
Msrc/views/repos/RepoHome.tsx
@@ -102,7 +102,7 @@ git push origin main`}</code>
102102 {readmePath && (
103103 <a
104104 href={`/${repo.name}/raw/${repo.default_branch}/${readmePath}`}
105- class="btn btn-sm btn-ghost"
105+ class="btn btn-sm"
106106 >
107107 Raw
108108 </a>
Msrc/views/repos/RepoList.tsx
@@ -41,7 +41,7 @@ export function RepoList({
4141 class="search-input"
4242 autocomplete="off"
4343 />
44- <button type="submit" class="btn btn-ghost btn-sm">
44+ <button type="submit" class="btn btn-sm">
4545 Search
4646 </button>
4747 </div>
@@ -66,7 +66,7 @@ export function RepoList({
6666 </option>
6767 </select>
6868 <noscript>
69- <button type="submit" class="btn btn-sm btn-ghost">
69+ <button type="submit" class="btn btn-sm">
7070 Go
7171 </button>
7272 </noscript>