Radish alpha
r
radicle-explorer
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Patches › 9ea2558b
Collection of small UI tweaks
Merged rudolfs opened 2 years ago

check check-visual check-unit-test check-httpd-api-unit-test check-e2e check-build

👉 Preview
👉 Workflow runs
👉 Branch on GitHub

Activity Changes +46 -17
3 files changed +46 -17 7febdb76 → dac80064
modified src/components/Badge.svelte
@@ -41,7 +41,7 @@
    background: var(--color-fill-gray);

  }

  .foreground-emphasized {
- 
    background-color: var(--color-fill-counter-emphasized);
+ 
    background-color: var(--color-fill-selected);

    color: var(--color-foreground-emphasized);

  }

  .delegate {
modified src/views/nodes/View.svelte
@@ -98,6 +98,24 @@
    grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));

    gap: 1rem;

  }
+ 
  .empty-state {
+ 
    text-align: center;
+ 
    display: flex;
+ 
    flex-direction: column;
+ 
    align-items: center;
+ 
    justify-content: center;
+ 
    gap: 0.5rem;
+ 
    height: 35vh;
+ 
  }
+ 
  .empty-state .heading {
+ 
    font-size: var(--font-size-small);
+ 
    font-weight: var(--font-weight-bold);
+ 
  }
+ 
  .empty-state .label {
+ 
    display: block;
+ 
    font-size: var(--font-size-small);
+ 
    font-weight: var(--font-weight-regular);
+ 
  }

  @media (max-width: 720px) {

    .wrapper {

      width: 100%;
@@ -162,21 +180,32 @@


      <div style:margin-top="1rem">

        {#await fetchProjectInfos( baseUrl, { show: isLocal(baseUrl.hostname) ? "all" : "pinned", perPage: stats.repos.total }, )}
- 
          <Loading small center />
- 
        {:then projectInfos}
- 
          <div class="project-grid">
- 
            {#each projectInfos as projectInfo}
- 
              <ProjectCard
- 
                {projectInfo}
- 
                isSeeding={isLocal(baseUrl.hostname)
- 
                  ? true
- 
                  : isSeeding(projectInfo.project.id)}
- 
                isDelegate={isDelegate(
- 
                  session?.publicKey,
- 
                  projectInfo.project.delegates,
- 
                ) ?? false} />
- 
            {/each}
+ 
          <div style:height="35vh">
+ 
            <Loading small center />

          </div>
+ 
        {:then projectInfos}
+ 
          {#if projectInfos.length > 0}
+ 
            <div class="project-grid">
+ 
              {#each projectInfos as projectInfo}
+ 
                <ProjectCard
+ 
                  {projectInfo}
+ 
                  isSeeding={isLocal(baseUrl.hostname)
+ 
                    ? true
+ 
                    : isSeeding(projectInfo.project.id)}
+ 
                  isDelegate={isDelegate(
+ 
                    session?.publicKey,
+ 
                    projectInfo.project.delegates,
+ 
                  ) ?? false} />
+ 
              {/each}
+ 
            </div>
+ 
          {:else}
+ 
            <div class="empty-state">
+ 
              <div class="heading">No pinned projects</div>
+ 
              <div class="label">
+ 
                The selected seed node doesn't have any pinned projects.
+ 
              </div>
+ 
            </div>
+ 
          {/if}

        {:catch error}

          {router.push(handleError(error, baseUrlToString(api.baseUrl)))}

        {/await}
modified src/views/projects/Share.svelte
@@ -15,11 +15,11 @@
  export let baseUrl: BaseUrl;



  const caption = "Link to seed";
- 
  let shareIcon: "share" | "checkmark" = "share";
+ 
  let shareIcon: "link" | "checkmark" = "link";

  let loading = false;



  const restoreIcon = debounce(() => {
- 
    shareIcon = "share";
+ 
    shareIcon = "link";

  }, 1000);



  async function copy() {