remove btn-ghost style
Msrc/routes/repos.tsx
| @@ -295,11 +295,15 @@ export const repoRoutes = new Elysia() | |||
|---|---|---|---|
| 295 | 295 | const key = resolved | |
| 296 | 296 | ? `readme:${repo.name}:${resolved}:` | |
| 297 | 297 | : 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 | + | ); | |
| 303 | 307 | readmePath = readme.filename; | |
| 304 | 308 | } | |
| 305 | 309 | } | |
| @@ -472,9 +476,10 @@ export const repoRoutes = new Elysia() | |||
|---|---|---|---|
| 472 | 476 | { | |
| 473 | 477 | repo: repo.name, | |
| 474 | 478 | ref: params.ref, | |
| 475 | - | dir: path.dirname(filePath) === "." | |
| 476 | - | ? "" | |
| 477 | - | : path.dirname(filePath), | |
| 479 | + | dir: | |
| 480 | + | path.dirname(filePath) === "." | |
| 481 | + | ? "" | |
| 482 | + | : path.dirname(filePath), | |
| 478 | 483 | }, | |
| 479 | 484 | ), | |
| 480 | 485 | ) | |
Msrc/styles/main.css
| @@ -360,23 +360,6 @@ | |||
|---|---|---|---|
| 360 | 360 | background: var(--color-bg-subtle); | |
| 361 | 361 | border-color: var(--color-border); | |
| 362 | 362 | } | |
| 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 | - | } | |
| 380 | 363 | .btn-sm { | |
| 381 | 364 | padding: var(--space-1) var(--space-3); | |
| 382 | 365 | font-size: var(--text-xs); | |
| @@ -880,6 +863,11 @@ | |||
|---|---|---|---|
| 880 | 863 | font-size: var(--text-sm); | |
| 881 | 864 | font-weight: 500; | |
| 882 | 865 | } | |
| 866 | + | .file-blob-actions { | |
| 867 | + | display: flex; | |
| 868 | + | align-items: center; | |
| 869 | + | gap: var(--space-2); | |
| 870 | + | } | |
| 883 | 871 | .file-blob-body { | |
| 884 | 872 | border: 1px solid var(--color-border); | |
| 885 | 873 | border-top: none; | |
Msrc/views/Settings.tsx
| @@ -86,10 +86,7 @@ export function Settings({ | |||
|---|---|---|---|
| 86 | 86 | action="/settings/avatar/delete" | |
| 87 | 87 | class="inline-form" | |
| 88 | 88 | > | |
| 89 | - | <button | |
| 90 | - | type="submit" | |
| 91 | - | class="btn btn-sm btn-ghost" | |
| 92 | - | > | |
| 89 | + | <button type="submit" class="btn btn-sm"> | |
| 93 | 90 | Remove avatar | |
| 94 | 91 | </button> | |
| 95 | 92 | </form> | |
Msrc/views/issues/IssueDetail.tsx
| @@ -92,7 +92,7 @@ export function IssueDetail({ | |||
|---|---|---|---|
| 92 | 92 | </form> | |
| 93 | 93 | </div> | |
| 94 | 94 | <details class="title-edit-details"> | |
| 95 | - | <summary class="btn btn-xs btn-ghost"> | |
| 95 | + | <summary class="btn btn-xs"> | |
| 96 | 96 | Edit title | |
| 97 | 97 | </summary> | |
| 98 | 98 | </details> | |
| @@ -171,7 +171,7 @@ export function IssueDetail({ | |||
|---|---|---|---|
| 171 | 171 | <div class="timeline-author-right"> | |
| 172 | 172 | {canEditIssue && ( | |
| 173 | 173 | <details class="inline-edit-details"> | |
| 174 | - | <summary class="btn btn-xs btn-ghost"> | |
| 174 | + | <summary class="btn btn-xs"> | |
| 175 | 175 | <span class="when-closed"> | |
| 176 | 176 | Edit | |
| 177 | 177 | </span> | |
| @@ -248,7 +248,7 @@ export function IssueDetail({ | |||
|---|---|---|---|
| 248 | 248 | <div class="timeline-author-right"> | |
| 249 | 249 | {canEditComment(comment) && ( | |
| 250 | 250 | <details class="inline-edit-details"> | |
| 251 | - | <summary class="btn btn-xs btn-ghost"> | |
| 251 | + | <summary class="btn btn-xs"> | |
| 252 | 252 | <span class="when-closed"> | |
| 253 | 253 | Edit | |
| 254 | 254 | </span> | |
Msrc/views/issues/NewIssue.tsx
| @@ -54,7 +54,7 @@ export function NewIssue({ user, repo, error, template }: NewIssueProps) { | |||
|---|---|---|---|
| 54 | 54 | <button type="submit" class="btn btn-primary"> | |
| 55 | 55 | Submit issue | |
| 56 | 56 | </button> | |
| 57 | - | <a href={`/${repo.name}/issues`} class="btn btn-ghost"> | |
| 57 | + | <a href={`/${repo.name}/issues`} class="btn"> | |
| 58 | 58 | Cancel | |
| 59 | 59 | </a> | |
| 60 | 60 | </div> | |
Msrc/views/layout.tsx
| @@ -56,7 +56,7 @@ export function Layout({ user, title, children }: LayoutProps) { | |||
|---|---|---|---|
| 56 | 56 | > | |
| 57 | 57 | <button | |
| 58 | 58 | type="submit" | |
| 59 | - | class="btn btn-sm btn-ghost" | |
| 59 | + | class="btn btn-sm" | |
| 60 | 60 | > | |
| 61 | 61 | Sign out | |
| 62 | 62 | </button> | |
| @@ -64,10 +64,7 @@ export function Layout({ user, title, children }: LayoutProps) { | |||
|---|---|---|---|
| 64 | 64 | </> | |
| 65 | 65 | ) : ( | |
| 66 | 66 | <> | |
| 67 | - | <a | |
| 68 | - | href="/login" | |
| 69 | - | class="btn btn-sm btn-ghost" | |
| 70 | - | > | |
| 67 | + | <a href="/login" class="btn btn-sm"> | |
| 71 | 68 | Sign in | |
| 72 | 69 | </a> | |
| 73 | 70 | <a | |
Msrc/views/patches/NewPatch.tsx
| @@ -62,7 +62,7 @@ export function NewPatch({ user, repo, error, template }: NewPatchProps) { | |||
|---|---|---|---|
| 62 | 62 | <button type="submit" class="btn btn-primary"> | |
| 63 | 63 | Upload patch | |
| 64 | 64 | </button> | |
| 65 | - | <a href={`/${repo.name}/patches`} class="btn btn-ghost"> | |
| 65 | + | <a href={`/${repo.name}/patches`} class="btn"> | |
| 66 | 66 | Cancel | |
| 67 | 67 | </a> | |
| 68 | 68 | </div> | |
Msrc/views/patches/PatchDetail.tsx
| @@ -113,7 +113,7 @@ export function PatchDetail({ | |||
|---|---|---|---|
| 113 | 113 | </form> | |
| 114 | 114 | </div> | |
| 115 | 115 | <details class="title-edit-details"> | |
| 116 | - | <summary class="btn btn-xs btn-ghost"> | |
| 116 | + | <summary class="btn btn-xs"> | |
| 117 | 117 | Edit title | |
| 118 | 118 | </summary> | |
| 119 | 119 | </details> | |
| @@ -254,7 +254,7 @@ export function PatchDetail({ | |||
|---|---|---|---|
| 254 | 254 | <div class="timeline-author-right"> | |
| 255 | 255 | {canEdit && ( | |
| 256 | 256 | <details class="inline-edit-details"> | |
| 257 | - | <summary class="btn btn-xs btn-ghost"> | |
| 257 | + | <summary class="btn btn-xs"> | |
| 258 | 258 | <span class="when-closed"> | |
| 259 | 259 | Edit | |
| 260 | 260 | </span> | |
| @@ -359,7 +359,7 @@ export function PatchDetail({ | |||
|---|---|---|---|
| 359 | 359 | <div class="timeline-author-right"> | |
| 360 | 360 | {canEditComment(comment) && ( | |
| 361 | 361 | <details class="inline-edit-details"> | |
| 362 | - | <summary class="btn btn-xs btn-ghost"> | |
| 362 | + | <summary class="btn btn-xs"> | |
| 363 | 363 | <span class="when-closed"> | |
| 364 | 364 | Edit | |
| 365 | 365 | </span> | |
Msrc/views/repos/BranchSelector.tsx
| @@ -49,7 +49,7 @@ export function BranchSelector({ | |||
|---|---|---|---|
| 49 | 49 | ))} | |
| 50 | 50 | </select> | |
| 51 | 51 | <noscript> | |
| 52 | - | <button type="submit" class="btn btn-sm btn-ghost"> | |
| 52 | + | <button type="submit" class="btn btn-sm"> | |
| 53 | 53 | Go | |
| 54 | 54 | </button> | |
| 55 | 55 | </noscript> | |
Msrc/views/repos/CommitDetail.tsx
| @@ -34,7 +34,7 @@ export function CommitDetail({ | |||
|---|---|---|---|
| 34 | 34 | <div class="commit-page-top"> | |
| 35 | 35 | <a | |
| 36 | 36 | href={`/${repo.name}/commits/${repo.default_branch}`} | |
| 37 | - | class="btn btn-ghost btn-sm" | |
| 37 | + | class="btn btn-sm" | |
| 38 | 38 | > | |
| 39 | 39 | ← Back to log | |
| 40 | 40 | </a> | |
Msrc/views/repos/FileBlob.tsx
| @@ -71,7 +71,7 @@ export function FileBlob({ | |||
|---|---|---|---|
| 71 | 71 | /> | |
| 72 | 72 | <a | |
| 73 | 73 | href={`/${repo.name}/raw/${blobRef}/${filePath}`} | |
| 74 | - | class="btn btn-sm btn-ghost" | |
| 74 | + | class="btn btn-sm" | |
| 75 | 75 | > | |
| 76 | 76 | Raw | |
| 77 | 77 | </a> | |
Msrc/views/repos/FileEdit.tsx
| @@ -64,7 +64,7 @@ export function FileEdit({ | |||
|---|---|---|---|
| 64 | 64 | <div class="file-blob-actions"> | |
| 65 | 65 | <a | |
| 66 | 66 | href={`/${repo.name}/blob/${editRef}/${filePath}`} | |
| 67 | - | class="btn btn-sm btn-ghost" | |
| 67 | + | class="btn btn-sm" | |
| 68 | 68 | > | |
| 69 | 69 | Cancel | |
| 70 | 70 | </a> | |
| @@ -107,7 +107,7 @@ export function FileEdit({ | |||
|---|---|---|---|
| 107 | 107 | </button> | |
| 108 | 108 | <a | |
| 109 | 109 | href={`/${repo.name}/blob/${editRef}/${filePath}`} | |
| 110 | - | class="btn btn-ghost" | |
| 110 | + | class="btn" | |
| 111 | 111 | > | |
| 112 | 112 | Cancel | |
| 113 | 113 | </a> | |
Msrc/views/repos/FileTree.tsx
| @@ -79,7 +79,7 @@ export function FileTree({ | |||
|---|---|---|---|
| 79 | 79 | {readmePath && ( | |
| 80 | 80 | <a | |
| 81 | 81 | href={`/${repo.name}/raw/${treeRef}/${readmePath}`} | |
| 82 | - | class="btn btn-sm btn-ghost" | |
| 82 | + | class="btn btn-sm" | |
| 83 | 83 | > | |
| 84 | 84 | Raw | |
| 85 | 85 | </a> | |
Msrc/views/repos/RepoHome.tsx
| @@ -102,7 +102,7 @@ git push origin main`}</code> | |||
|---|---|---|---|
| 102 | 102 | {readmePath && ( | |
| 103 | 103 | <a | |
| 104 | 104 | href={`/${repo.name}/raw/${repo.default_branch}/${readmePath}`} | |
| 105 | - | class="btn btn-sm btn-ghost" | |
| 105 | + | class="btn btn-sm" | |
| 106 | 106 | > | |
| 107 | 107 | Raw | |
| 108 | 108 | </a> | |
Msrc/views/repos/RepoList.tsx
| @@ -41,7 +41,7 @@ export function RepoList({ | |||
|---|---|---|---|
| 41 | 41 | class="search-input" | |
| 42 | 42 | autocomplete="off" | |
| 43 | 43 | /> | |
| 44 | - | <button type="submit" class="btn btn-ghost btn-sm"> | |
| 44 | + | <button type="submit" class="btn btn-sm"> | |
| 45 | 45 | Search | |
| 46 | 46 | </button> | |
| 47 | 47 | </div> | |
| @@ -66,7 +66,7 @@ export function RepoList({ | |||
|---|---|---|---|
| 66 | 66 | </option> | |
| 67 | 67 | </select> | |
| 68 | 68 | <noscript> | |
| 69 | - | <button type="submit" class="btn btn-sm btn-ghost"> | |
| 69 | + | <button type="submit" class="btn btn-sm"> | |
| 70 | 70 | Go | |
| 71 | 71 | </button> | |
| 72 | 72 | </noscript> | |