Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: aside

Browse Source
This commit is contained in:
Arman
2025-02-12 16:28:18 +01:00
parent c1c98e1dfd
commit aedc300e2e
2 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/project-[project]/sites/create-site/aside.svelte
+26 -20
View File
@@ -1,6 +1,6 @@
<script lang="ts">
import { Card, SvgIcon } from '$lib/components';
import { Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
import { Icon, Layout, Tooltip, Typography } from '@appwrite.io/pink-svelte';
import { IconGithub, IconGitBranch } from '@appwrite.io/pink-icons-svelte';
import { consoleVariables } from '$routes/(console)/store';
import type { Models } from '@appwrite.io/console';
@@ -14,29 +14,15 @@
export let showAfter = true;
</script>
<Card padding="xs">
<Card padding="s" radius="s">
<Layout.Stack gap="l">
<slot />
<Layout.Stack gap="l">
{#if framework?.name}
{@const frameworkIcon = getFrameworkIcon(framework.key)}
<Layout.Stack gap="xxxs">
<Typography.Caption variant="400">Framework</Typography.Caption>
<Layout.Stack gap="xs" alignItems="center" direction="row">
{#if frameworkIcon}
<SvgIcon iconSize="small" size={20} name={frameworkIcon} />
{/if}
<Typography.Text variant="m-500" color="--color-fgcolor-neutral-primary">
{framework.name}
</Typography.Text>
</Layout.Stack>
</Layout.Stack>
{/if}
{#if repositoryName && showAfter}
<Layout.Stack gap="xxxs">
<Typography.Caption variant="400">Git repository</Typography.Caption>
<Layout.Stack gap="xs" alignItems="center" direction="row">
<Icon size="s" icon={IconGithub}></Icon>
<Layout.Stack gap="xxs" alignItems="center" direction="row">
<Icon size="s" icon={IconGithub} color="--color-fgcolor-neutral-primary" />
<Typography.Text variant="m-500" color="--color-fgcolor-neutral-primary">
{repositoryName}
</Typography.Text>
@@ -46,14 +32,18 @@
{#if branch && showAfter}
<Layout.Stack gap="xxxs">
<Typography.Caption variant="400">Branch</Typography.Caption>
<Layout.Stack gap="xs" alignItems="center" direction="row">
<Icon size="s" icon={IconGitBranch}></Icon>
<Layout.Stack gap="xxs" alignItems="center" direction="row">
<Icon
size="s"
icon={IconGitBranch}
color="--color-fgcolor-neutral-primary" />
<Typography.Text variant="m-500" color="--color-fgcolor-neutral-primary">
{branch}
</Typography.Text>
</Layout.Stack>
</Layout.Stack>
{/if}
{#if rootDir && showAfter}
<Layout.Stack gap="xxxs">
<Typography.Caption variant="400">Root directory</Typography.Caption>
@@ -62,9 +52,25 @@
</Typography.Text>
</Layout.Stack>
{/if}
{#if framework?.name}
{@const frameworkIcon = getFrameworkIcon(framework.key)}
<Layout.Stack gap="xxxs">
<Typography.Caption variant="400">Framework</Typography.Caption>
<Layout.Stack gap="xxs" alignItems="center" direction="row">
{#if frameworkIcon}
<SvgIcon iconSize="small" size={16} name={frameworkIcon} />
{/if}
<Typography.Text variant="m-500" color="--color-fgcolor-neutral-primary">
{framework.name}
</Typography.Text>
</Layout.Stack>
</Layout.Stack>
{/if}
{#if domain && showAfter}
<Layout.Stack gap="xxxs">
<Typography.Caption variant="400">Domain</Typography.Caption>
<Typography.Text
variant="m-500"
color="--color-fgcolor-neutral-primary"
src/routes/(console)/project-[project]/sites/create-site/repositories/repository-[repository]/+page.svelte
+1 -1
View File
@@ -191,7 +191,7 @@
</Layout.Stack>
</Form>
<svelte:fragment slot="aside">
<Aside {framework} repositoryName={data.repository.name} {branch} {rootDir} />
<Aside {framework} repositoryName={data.repository.name} {branch} {rootDir} {domain} />
</svelte:fragment>
<svelte:fragment slot="footer">