CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-19 03:51:29 +12:00
Code Issues Projects Releases Wiki Activity

Tidy styles on user details page

Browse source
This commit is contained in:
Andrew Kingston 2022-08-02 16:15:09 +01:00
parent f5892b4491
commit 074f0b4a51
1 changed files with 5 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/builder/src/pages/builder/portal/manage/users/[userId].svelte
View file

@ -219,7 +219,7 @@
<Layout gap="L" noPadding> <Layout gap="L" noPadding>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<div> <div>
<ActionButton on:click={() => $goto("./")} size="S" icon="ArrowLeft"> <ActionButton on:click={() => $goto("./")} icon="ArrowLeft">
Back Back
</ActionButton> </ActionButton>
</div> </div>
@ -288,7 +288,7 @@
{#if hasGroupsLicense} {#if hasGroupsLicense}
<!-- User groups --> <!-- User groups -->
<Layout gap="XS" noPadding> <Layout gap="S" noPadding>
<div class="tableTitle"> <div class="tableTitle">
<div> <div>
<Heading size="XS">User groups</Heading> <Heading size="XS">User groups</Heading>
@ -336,13 +336,10 @@
{/if} {/if}
<!-- User Apps --> <!-- User Apps -->
<Layout gap="S" noPadding> <Layout gap="S" noPadding>
<div class="appsTitle"> <div>
<Heading size="XS">Apps</Heading> <Heading size="XS">Apps</Heading>
<div style="margin-top: var(--spacing-xs)"> <Body size="S">Manage apps that this user has been assigned to</Body>
<Body size="S">Manage apps that this user has been assigned to</Body>
</div>
</div> </div>
<List> <List>
{#if allAppList.length} {#if allAppList.length}
{#each allAppList as app} {#each allAppList as app}
@ -388,7 +385,7 @@
} }
.field { .field {
display: grid; display: grid;
grid-template-columns: 32% 1fr; grid-template-columns: 100px 1fr;
align-items: center; align-items: center;
} }
@ -401,7 +398,6 @@
.tableTitle { .tableTitle {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: var(--spacing-m);
} }
.subtitle { .subtitle {
@ -411,9 +407,4 @@
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;
} }
.appsTitle {
display: flex;
flex-direction: column;
}
</style> </style>