remove btn-ghost style
Msrc/routes/repos.tsx
@@ -295,11 +295,15 @@ export const repoRoutes = new Elysia()
const key = resolved
? `readme:${repo.name}:${resolved}:`
: undefined;
readmeHtml = renderMarkdown(readme.content.toString("utf-8"), key, {
repo: repo.name,
ref: repo.default_branch,
dir: "",
});
readmeHtml = renderMarkdown(
readme.content.toString("utf-8"),
key,
{
repo: repo.name,
ref: repo.default_branch,
dir: "",
},
);
readmePath = readme.filename;
}
}
@@ -472,9 +476,10 @@ export const repoRoutes = new Elysia()
{
repo: repo.name,
ref: params.ref,
dir: path.dirname(filePath) === "."
? ""
: path.dirname(filePath),
dir:
path.dirname(filePath) === "."
? ""
: path.dirname(filePath),
},
),
)
Msrc/styles/main.css
@@ -360,23 +360,6 @@
background: var(--color-bg-subtle);
border-color: var(--color-border);
}
.btn-ghost {
background: transparent;
border-color: transparent;
}
.btn-ghost:hover {
background: var(--color-bg-inset);
}
/* Keep ghost transparent even when combined with size variants */
.btn-ghost.btn-xs,
.btn-ghost.btn-sm {
background: transparent;
border-color: transparent;
}
.btn-ghost.btn-xs:hover,
.btn-ghost.btn-sm:hover {
background: var(--color-bg-inset);
}
.btn-sm {
padding: var(--space-1) var(--space-3);
font-size: var(--text-xs);
@@ -880,6 +863,11 @@
font-size: var(--text-sm);
font-weight: 500;
}
.file-blob-actions {
display: flex;
align-items: center;
gap: var(--space-2);
}
.file-blob-body {
border: 1px solid var(--color-border);
border-top: none;
Msrc/views/Settings.tsx
@@ -86,10 +86,7 @@ export function Settings({
action="/settings/avatar/delete"
class="inline-form"
>
<button
type="submit"
class="btn btn-sm btn-ghost"
>
<button type="submit" class="btn btn-sm">
Remove avatar
</button>
</form>
Msrc/views/issues/IssueDetail.tsx
@@ -92,7 +92,7 @@ export function IssueDetail({
</form>
</div>
<details class="title-edit-details">
<summary class="btn btn-xs btn-ghost">
<summary class="btn btn-xs">
Edit title
</summary>
</details>
@@ -171,7 +171,7 @@ export function IssueDetail({
<div class="timeline-author-right">
{canEditIssue && (
<details class="inline-edit-details">
<summary class="btn btn-xs btn-ghost">
<summary class="btn btn-xs">
<span class="when-closed">
Edit
</span>
@@ -248,7 +248,7 @@ export function IssueDetail({
<div class="timeline-author-right">
{canEditComment(comment) && (
<details class="inline-edit-details">
<summary class="btn btn-xs btn-ghost">
<summary class="btn btn-xs">
<span class="when-closed">
Edit
</span>
Msrc/views/issues/NewIssue.tsx
@@ -54,7 +54,7 @@ export function NewIssue({ user, repo, error, template }: NewIssueProps) {
<button type="submit" class="btn btn-primary">
Submit issue
</button>
<a href={`/${repo.name}/issues`} class="btn btn-ghost">
<a href={`/${repo.name}/issues`} class="btn">
Cancel
</a>
</div>
Msrc/views/layout.tsx
@@ -56,7 +56,7 @@ export function Layout({ user, title, children }: LayoutProps) {
>
<button
type="submit"
class="btn btn-sm btn-ghost"
class="btn btn-sm"
>
Sign out
</button>
@@ -64,10 +64,7 @@ export function Layout({ user, title, children }: LayoutProps) {
</>
) : (
<>
<a
href="/login"
class="btn btn-sm btn-ghost"
>
<a href="/login" class="btn btn-sm">
Sign in
</a>
<a
Msrc/views/patches/NewPatch.tsx
@@ -62,7 +62,7 @@ export function NewPatch({ user, repo, error, template }: NewPatchProps) {
<button type="submit" class="btn btn-primary">
Upload patch
</button>
<a href={`/${repo.name}/patches`} class="btn btn-ghost">
<a href={`/${repo.name}/patches`} class="btn">
Cancel
</a>
</div>
Msrc/views/patches/PatchDetail.tsx
@@ -113,7 +113,7 @@ export function PatchDetail({
</form>
</div>
<details class="title-edit-details">
<summary class="btn btn-xs btn-ghost">
<summary class="btn btn-xs">
Edit title
</summary>
</details>
@@ -254,7 +254,7 @@ export function PatchDetail({
<div class="timeline-author-right">
{canEdit && (
<details class="inline-edit-details">
<summary class="btn btn-xs btn-ghost">
<summary class="btn btn-xs">
<span class="when-closed">
Edit
</span>
@@ -359,7 +359,7 @@ export function PatchDetail({
<div class="timeline-author-right">
{canEditComment(comment) && (
<details class="inline-edit-details">
<summary class="btn btn-xs btn-ghost">
<summary class="btn btn-xs">
<span class="when-closed">
Edit
</span>
Msrc/views/repos/BranchSelector.tsx
@@ -49,7 +49,7 @@ export function BranchSelector({
))}
</select>
<noscript>
<button type="submit" class="btn btn-sm btn-ghost">
<button type="submit" class="btn btn-sm">
Go
</button>
</noscript>
Msrc/views/repos/CommitDetail.tsx
@@ -34,7 +34,7 @@ export function CommitDetail({
<div class="commit-page-top">
<a
href={`/${repo.name}/commits/${repo.default_branch}`}
class="btn btn-ghost btn-sm"
class="btn btn-sm"
>
← Back to log
</a>
Msrc/views/repos/FileBlob.tsx
@@ -71,7 +71,7 @@ export function FileBlob({
/>
<a
href={`/${repo.name}/raw/${blobRef}/${filePath}`}
class="btn btn-sm btn-ghost"
class="btn btn-sm"
>
Raw
</a>
Msrc/views/repos/FileEdit.tsx
@@ -64,7 +64,7 @@ export function FileEdit({
<div class="file-blob-actions">
<a
href={`/${repo.name}/blob/${editRef}/${filePath}`}
class="btn btn-sm btn-ghost"
class="btn btn-sm"
>
Cancel
</a>
@@ -107,7 +107,7 @@ export function FileEdit({
</button>
<a
href={`/${repo.name}/blob/${editRef}/${filePath}`}
class="btn btn-ghost"
class="btn"
>
Cancel
</a>
Msrc/views/repos/FileTree.tsx
@@ -79,7 +79,7 @@ export function FileTree({
{readmePath && (
<a
href={`/${repo.name}/raw/${treeRef}/${readmePath}`}
class="btn btn-sm btn-ghost"
class="btn btn-sm"
>
Raw
</a>
Msrc/views/repos/RepoHome.tsx
@@ -102,7 +102,7 @@ git push origin main`}</code>
{readmePath && (
<a
href={`/${repo.name}/raw/${repo.default_branch}/${readmePath}`}
class="btn btn-sm btn-ghost"
class="btn btn-sm"
>
Raw
</a>
Msrc/views/repos/RepoList.tsx
@@ -41,7 +41,7 @@ export function RepoList({
class="search-input"
autocomplete="off"
/>
<button type="submit" class="btn btn-ghost btn-sm">
<button type="submit" class="btn btn-sm">
Search
</button>
</div>
@@ -66,7 +66,7 @@ export function RepoList({
</option>
</select>
<noscript>
<button type="submit" class="btn btn-sm btn-ghost">
<button type="submit" class="btn btn-sm">
Go
</button>
</noscript>