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

few fixes

Browse Source
This commit is contained in:
Harsh Mahajan
2026-01-04 18:33:22 +05:30
parent f182f7d83e
commit ff37a87fd0
1 changed files with 59 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.svelte
+59 -23
View File
@@ -78,8 +78,18 @@
<Layout.Stack gap="l">
{#if data.recordList.total}
<div class="u-flex u-gap-16 u-main-space-between u-cross-center u-flex-wrap">
<div class="u-flex u-gap-8 u-cross-center u-flex-wrap" style="flex: 1">
<Layout.Stack
direction="row"
gap="m"
justifyContent="space-between"
alignItems="center"
wrap="wrap">
<Layout.Stack
direction="row"
gap="s"
alignItems="center"
wrap="wrap"
style="flex: 1">
<Button secondary on:click={() => (showImportModal = true)}>
<Icon icon={IconUpload} size="s" slot="start" />
Import zone file
@@ -90,10 +100,47 @@
</PinkButton.Button>
<svelte:fragment slot="tooltip">Export as .txt</svelte:fragment>
</Tooltip>
<div style="flex: 1">
{#if $isSmallViewport}
<div style="flex: 1">
<Popover let:toggle padding="none">
<Button secondary fullWidthMobile on:click={toggle}
>Add preset</Button>
<svelte:fragment slot="tooltip" let:toggle>
<ActionMenu.Root>
{#each presets as preset}
<ActionMenu.Item.Button
on:click={(e) => {
toggle(e);
selectedPreset = preset;
showPresetModal = true;
}}>{preset}</ActionMenu.Item.Button>
{/each}
</ActionMenu.Root>
</svelte:fragment>
</Popover>
</div>
{/if}
</Layout.Stack>
<Layout.Stack
direction="row"
gap="s"
alignItems="center"
style="flex: 1; min-width: 250px; justify-content: flex-end;">
{#if $isSmallViewport}
<Button
secondary
icon
ariaLabel="Display settings"
on:click={() => (showDisplaySettingsModal = true)}>
<Icon icon={IconAdjustments} />
</Button>
{:else}
<ViewSelector ui="new" view={View.Table} {columns} hideView />
{/if}
{#if !$isSmallViewport}
<Popover let:toggle padding="none">
<Button secondary fullWidthMobile on:click={toggle}
>Add preset</Button>
<Button secondary on:click={toggle}>Add preset</Button>
<svelte:fragment slot="tooltip" let:toggle>
<ActionMenu.Root>
{#each presets as preset}
@@ -107,30 +154,19 @@
</ActionMenu.Root>
</svelte:fragment>
</Popover>
</div>
</div>
<div
class="u-flex u-gap-8 u-cross-center u-flex-nowrap"
style="flex: 1; min-width: 250px; justify-content: flex-end;">
{#if $isSmallViewport}
<Button
secondary
icon
ariaLabel="Display settings"
on:click={() => (showDisplaySettingsModal = true)}>
<Icon icon={IconAdjustments} />
</Button>
{:else}
<ViewSelector ui="new" view={View.Table} {columns} hideView />
{/if}
<div style="flex: 1; display:flex; justify-content: flex-end;">
<div
style={$isSmallViewport
? 'flex: 1; display:flex; justify-content: flex-end;'
: ''}>
<Button fullWidthMobile on:click={() => (showCreate = true)}>
<Icon size="s" icon={IconPlus} slot="start" />
Create record
</Button>
</div>
</div>
</div>
</Layout.Stack>
</Layout.Stack>
<div class="responsive-table">
<Table {data} />
</div>