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 responsiveness

Browse Source
This commit is contained in:
ernstmul
2025-06-02 13:40:21 +02:00
parent a1d1045e87
commit 4947a84f19
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/git/repositories.svelte
+17 -17
View File
@@ -5,6 +5,7 @@
import { sdk } from '$lib/stores/sdk';
import { repositories } from '$routes/(console)/project-[region]-[project]/functions/function-[function]/store';
import { installation, installations, repository } from '$lib/stores/vcs';
import { isSmallViewport } from '$lib/stores/viewport';
import {
Layout,
Table,
@@ -137,7 +138,7 @@
<InputSearch placeholder="Search repositories" disabled />
</Layout.Stack>
{:then installations}
<Layout.Stack direction="row">
<Layout.Stack direction={$isSmallViewport ? 'column' : 'row'}>
<InputSelect
id="installation"
options={[
@@ -237,7 +238,8 @@
<Layout.Stack
gap="s"
direction="row"
alignItems="center">
alignItems="center"
justifyContent="space-between">
<Typography.Text
truncate
color="--fgcolor-neutral-secondary">
@@ -249,27 +251,25 @@
icon={IconLockClosed}
color="--fgcolor-neutral-tertiary" />
{/if}
<time datetime={repo.pushedAt}>
<Typography.Caption
variant="400"
truncate
color="--fgcolor-neutral-tertiary">
{timeFromNow(repo.pushedAt)}
</Typography.Caption>
</time>
</Layout.Stack>
{#if action === 'button'}
<Layout.Stack
direction="row"
justifyContent="flex-end">
{#if !$isSmallViewport}
<time datetime={repo.pushedAt}>
<Typography.Caption
variant="400"
truncate
color="--fgcolor-neutral-tertiary">
{timeFromNow(repo.pushedAt)}
</Typography.Caption>
</time>
{/if}
{#if action === 'button'}
<PinkButton.Button
size="xs"
variant="secondary"
on:click={() => connect(repo)}>
Connect
</PinkButton.Button>
</Layout.Stack>
{/if}
{/if}
</Layout.Stack>
</Layout.Stack>
</Table.Cell>
</Table.Row.Base>