Add icon to login screen

This commit is contained in:
ernstmul
2025-05-12 16:40:56 +02:00
parent b26c827985
commit 242367f437
2 changed files with 12 additions and 7 deletions
+11 -6
View File
@@ -9,10 +9,12 @@
<div class="modal">
<Card.Base padding="s">
<Layout.Stack direction="column">
<Layout.Stack direction="row" justifyContent="center">
<div class="icon-container">
<svelte:component this={IconImagine}></svelte:component>
</div>
</Layout.Stack>
<Typography.Title size="m">{title}</Typography.Title>
<div class="divider">
<Divider />
</div>
<slot />
</Layout.Stack>
</Card.Base>
@@ -36,9 +38,12 @@
width: 600px;
}
.divider {
margin-left: calc(-1 * var(--space-7));
width: calc(100% + (2 * var(--space-7)));
.icon-container {
color: var(--fgcolor-neutral-primary);
}
:global(.icon-container svg) {
width: 36px;
height: 36px;
}
}
+1 -1
View File
@@ -68,5 +68,5 @@ export const StudioProfile: Profile = {
hasGithubLogin: true,
githubLoginProvider: 'github2',
hasGoogleLogin: true,
hasAccountLogin: true
hasAccountLogin: false
};