Remove placeholder features which we won't have in this release from user app list screen

This commit is contained in:
Andrew Kingston 2021-05-19 15:04:07 +01:00
parent b3b57c9a0e
commit 2b5f5fb3e9
1 changed files with 5 additions and 30 deletions

View File

@ -44,8 +44,7 @@
</Heading> </Heading>
<Body> <Body>
Welcome to the {$organisation.company} portal. Below you'll find Welcome to the {$organisation.company} portal. Below you'll find
the list of apps that you have access to, as well as company news the list of apps that you have access to.
and the employee handbook.
</Body> </Body>
</Layout> </Layout>
<ActionMenu align="right"> <ActionMenu align="right">
@ -73,22 +72,9 @@
</div> </div>
<Divider /> <Divider />
{#if $apps.length} {#if $apps.length}
<div class="apps-title">
<Heading>Apps</Heading> <Heading>Apps</Heading>
<Select placeholder="Filter by groups" />
</div>
<div class="group"> <div class="group">
<Layout gap="S" noPadding> <Layout gap="S" noPadding>
<div class="group-title">
<Body weight="500" size="XS">GROUP</Body>
{#if $auth.user?.builder?.global}
<Icon
name="Settings"
hoverable
on:click={() => alert("Navigate to portal group page.")}
/>
{/if}
</div>
{#each $apps as app, idx (app.appId)} {#each $apps as app, idx (app.appId)}
<a class="app" target="_blank" href={`/${app.appId}`}> <a class="app" target="_blank" href={`/${app.appId}`}>
<div class="preview" use:gradient={{ seed: app.name }} /> <div class="preview" use:gradient={{ seed: app.name }} />
@ -106,9 +92,9 @@
{:else} {:else}
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading size="S">You don't have access to any apps yet.</Heading> <Heading size="S">You don't have access to any apps yet.</Heading>
<Body size="S" <Body size="S">
>The apps you have access to will be listed here.</Body The apps you have access to will be listed here.
> </Body>
</Layout> </Layout>
{/if} {/if}
</Layout> </Layout>
@ -151,20 +137,9 @@
cursor: pointer; cursor: pointer;
filter: brightness(110%); filter: brightness(110%);
} }
.apps-title {
display: grid;
grid-template-columns: 1fr 150px;
grid-gap: var(--spacing-xl);
}
.group { .group {
margin-top: var(--spacing-s); margin-top: var(--spacing-s);
} }
.group-title {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: var(--spacing-xl);
align-items: center;
}
.app { .app {
display: grid; display: grid;
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;