radicle/radicle-explorer
1
0
Fork 0
mirror of https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git synced 2026-10-26 07:00:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

Link peer breadcrumb to home screen

Browse Source
This commit is contained in:
Rūdolfs Ošiņš
2024-09-13 13:54:39 +02:00
parent 44dae6bc12
commit 4f63f9e87f
4 changed files with 27 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.svelte
+6 -5
View File
@@ -50,6 +50,11 @@
0 calc(100% - 6px)
);
}
.breadcrumbs {
gap: 0.5rem;
margin-left: 1rem;
min-height: 1.5rem;
}
</style>
<div class="header global-flex">
@@ -102,11 +107,7 @@
</Popover>
</div>
</div>
<div
class="global-flex txt-tiny txt-semibold"
style:gap="0.5rem"
style:margin-left="1rem"
style:min-height="1.5rem">
<div class="global-flex txt-tiny txt-semibold breadcrumbs">
<slot name="breadcrumbs" />
</div>
</div>
src/components/Link.svelte
+1 -1
View File
@@ -18,7 +18,7 @@
<style>
a {
color: var(--color-fill-secondary);
color: var(--color-foreground-contrast);
text-decoration: none;
}
a:hover {
src/views/repo/Issues.svelte
+10 -6
View File
@@ -3,8 +3,10 @@
import type { Issue } from "@bindings/Issue";
import type { RepoInfo } from "@bindings/RepoInfo";
import Icon from "@app/components/Icon.svelte";
import Layout from "./Layout.svelte";
import Icon from "@app/components/Icon.svelte";
import Link from "@app/components/Link.svelte";
import NodeId from "@app/components/NodeId.svelte";
export let repo: RepoInfo;
@@ -16,11 +18,13 @@
<Layout {repo}>
<svelte:fragment slot="breadcrumbs">
<NodeId
nodeId={config.publicKey}
alias={config.alias}
styleFontFamily="var(--font-family-sans-serif)"
styleFontSize="var(--font-size-tiny)" />
<Link route={{ resource: "home" }}>
<NodeId
nodeId={config.publicKey}
alias={config.alias}
styleFontFamily="var(--font-family-sans-serif)"
styleFontSize="var(--font-size-tiny)" />
</Link>
<Icon name="chevron-right" />
{project.data.name}
<Icon name="chevron-right" />
src/views/repo/Patches.svelte
+10 -6
View File
@@ -3,8 +3,10 @@
import type { Patch } from "@bindings/Patch";
import type { RepoInfo } from "@bindings/RepoInfo";
import Icon from "@app/components/Icon.svelte";
import Layout from "./Layout.svelte";
import Icon from "@app/components/Icon.svelte";
import Link from "@app/components/Link.svelte";
import NodeId from "@app/components/NodeId.svelte";
export let repo: RepoInfo;
@@ -16,11 +18,13 @@
<Layout {repo}>
<svelte:fragment slot="breadcrumbs">
<NodeId
nodeId={config.publicKey}
alias={config.alias}
styleFontFamily="var(--font-family-sans-serif)"
styleFontSize="var(--font-size-tiny)" />
<Link route={{ resource: "home" }}>
<NodeId
nodeId={config.publicKey}
alias={config.alias}
styleFontFamily="var(--font-family-sans-serif)"
styleFontSize="var(--font-size-tiny)" />
</Link>
<Icon name="chevron-right" />
{project.data.name}
<Icon name="chevron-right" />