Merge pull request #1908 from appwrite/fix-back-button-on-mobile

fix: show back button on mobile, fix create manual deployment check
This commit is contained in:
Arman
2025-05-27 15:26:17 +02:00
committed by GitHub
2 changed files with 19 additions and 13 deletions
+18 -12
View File
@@ -1,18 +1,24 @@
<script lang="ts">
import { isSmallViewport } from '$lib/stores/viewport';
import { isSmallViewport, isTabletViewport } from '$lib/stores/viewport';
import { IconChevronLeft } from '@appwrite.io/pink-icons-svelte';
import { Typography, Button, Icon } from '@appwrite.io/pink-svelte';
import { Typography, Button, Icon, Layout } from '@appwrite.io/pink-svelte';
export let href: string = null;
</script>
{#if href}
<span style:position="absolute" style:left="-2.75rem">
<Button.Anchor size="s" icon variant="text" {href} aria-label="page back">
<Icon icon={IconChevronLeft} />
</Button.Anchor>
</span>
{/if}
<Typography.Title truncate color="--fgcolor-neutral-primary" size={$isSmallViewport ? 'm' : 'l'}>
<slot />
</Typography.Title>
<Layout.Stack justifyContent="center" alignItems="center" direction="row" gap="xs" inline>
{#if href}
<span
style={$isTabletViewport ? 'position: relative' : 'position: absolute; left: -2.75rem'}>
<Button.Anchor size="s" icon variant="text" {href} aria-label="page back">
<Icon icon={IconChevronLeft} />
</Button.Anchor>
</span>
{/if}
<Typography.Title
truncate
color="--fgcolor-neutral-primary"
size={$isSmallViewport ? 'm' : 'l'}>
<slot />
</Typography.Title>
</Layout.Stack>
@@ -22,7 +22,7 @@
let error: string = '';
$: maxSize =
isCloud && $currentPlan
isCloud && $currentPlan?.deploymentSize
? $currentPlan.deploymentSize * 1000000
: $consoleVariables._APP_COMPUTE_SIZE_LIMIT; // already in MB