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

Move the User Targets Filters & Columns buttons to the same row as the Heading

Browse Source
This commit is contained in:
Steven Nguyen
2024-01-22 15:13:28 +01:00
committed by Torsten Dittmann
parent 2bb789b0f3
commit 9e838a7f18
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/console/project-[project]/auth/user-[user]/targets/+page.svelte
+19 -18
View File
@@ -25,12 +25,31 @@
<div class="u-flex u-flex-vertical">
<div class="u-flex u-main-space-between">
<Heading tag="h2" size="5">Targets</Heading>
<!-- TODO: Remove u-hide to add creating a target -->
<div class="is-only-mobile u-hide">
<Button on:click={() => (showAdd = true)} event="create_user_target">
<span class="icon-plus" aria-hidden="true" />
<span class="text">Add target</span>
</Button>
</div>
<!-- TODO: Remove when searching is added -->
<div class="u-flex u-main-end u-gap-16 is-not-mobile">
<Filters query={data.query} {columns} />
<div>
<ViewSelector
view={View.Table}
{columns}
hideView
allowNoColumns
showColsTextMobile />
<div class="u-hide">
<Button on:click={() => (showAdd = true)} event="create_user_target">
<span class="icon-plus" aria-hidden="true" />
<span class="text">Add target</span>
</Button>
</div>
</div>
</div>
</div>
<!-- TODO: Add searching when API supports it -->
<!-- <SearchQuery search={data.search} placeholder="Search by name">
@@ -48,24 +67,6 @@
</Button>
</div>
</SearchQuery> -->
<!-- TODO: Remove when searching is added -->
<div class="u-flex u-main-end u-gap-16 is-not-mobile">
<Filters query={data.query} {columns} />
<div>
<ViewSelector
view={View.Table}
{columns}
hideView
allowNoColumns
showColsTextMobile />
<div class="u-hide">
<Button on:click={() => (showAdd = true)} event="create_user_target">
<span class="icon-plus" aria-hidden="true" />
<span class="text">Add target</span>
</Button>
</div>
</div>
</div>
<div class="u-flex u-gap-16 is-only-mobile u-margin-block-start-16">
<div class="u-flex-basis-50-percent">
<!-- TODO: fix width -->