Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Fix issue/patch placeholder centering on mobile
Rūdolfs Ošiņš committed 1 year ago
commit 538b0ccac8fa906da804a6af620456b826f8b266
parent 0400af24706f5e2705bb1d2d41fc0db538fbcc0b
2 files changed +24 -4
modified src/views/projects/Issues.svelte
@@ -91,6 +91,17 @@
    background-color: var(--color-fill-counter);

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

  }
+ 
  .placeholder {
+ 
    height: calc(100% - 4rem);
+ 
    display: flex;
+ 
    align-items: center;
+ 
    justify-content: center;
+ 
  }
+ 
  @media (max-width: 719.98px) {
+ 
    .placeholder {
+ 
      height: calc(100vh - 10rem);
+ 
    }
+ 
  }

</style>



<Layout {baseUrl} {project} activeTab="issues">
@@ -184,8 +195,7 @@
  {/if}



  {#if project.issues[state] === 0}
- 
    <div
- 
      style="height: calc(100% - 4rem); display: flex; align-items: center; justify-content: center;">
+ 
    <div class="placeholder">

      <Placeholder iconName="no-issues" caption={`No ${state} issues`} />

    </div>

  {/if}
modified src/views/projects/Patches.svelte
@@ -106,6 +106,17 @@
    flex-direction: column;

    gap: 1rem;

  }
+ 
  .placeholder {
+ 
    height: calc(100% - 4rem);
+ 
    display: flex;
+ 
    align-items: center;
+ 
    justify-content: center;
+ 
  }
+ 
  @media (max-width: 719.98px) {
+ 
    .placeholder {
+ 
      height: calc(100vh - 10rem);
+ 
    }
+ 
  }

</style>



<Layout {baseUrl} {project} activeTab="patches">
@@ -203,8 +214,7 @@
  {/if}



  {#if project.patches[state] === 0}
- 
    <div
- 
      style="height: calc(100% - 4rem); display: flex; align-items: center; justify-content: center;">
+ 
    <div class="placeholder">

      <Placeholder iconName="no-patches" caption={`No ${state} patches`} />

    </div>

  {/if}