{#if label}
diff --git a/src/lib/components/dropList.svelte b/src/lib/components/dropList.svelte
index 5d87c92f85..fcf7a6a578 100644
--- a/src/lib/components/dropList.svelte
+++ b/src/lib/components/dropList.svelte
@@ -24,7 +24,7 @@
+ class="drop-section">
+
Create Event
{/if}
-
+
{/if}
diff --git a/src/lib/components/permissions/custom.svelte b/src/lib/components/permissions/custom.svelte
index aecd660684..080d9aa933 100644
--- a/src/lib/components/permissions/custom.svelte
+++ b/src/lib/components/permissions/custom.svelte
@@ -25,7 +25,7 @@
$: disabled = !value || $groups.has(value);
-
diff --git a/src/lib/components/feedbackGeneral.svelte b/src/lib/components/feedbackGeneral.svelte
index fc380d0b10..aa9bdc42fd 100644
--- a/src/lib/components/feedbackGeneral.svelte
+++ b/src/lib/components/feedbackGeneral.svelte
@@ -51,7 +51,7 @@
Your feedback is important to us. Please be honest and tell us what you think.
-
Custom permissions allow you to grant access to specific users or teams using their ID and
@@ -44,6 +44,6 @@
Grant access to any member of a specific team. To grant access to team members with specific
@@ -144,6 +144,6 @@
{/if}
Grant access to any authenticated or anonymous user.
+
@@ -107,7 +107,7 @@
{/if}
{:else}
-
+
@@ -163,6 +163,6 @@
{/if}
-
+
diff --git a/src/lib/components/uploadBox.svelte b/src/lib/components/uploadBox.svelte
index d074bf2e0c..988567eba3 100644
--- a/src/lib/components/uploadBox.svelte
+++ b/src/lib/components/uploadBox.svelte
@@ -1,7 +1,7 @@
{#if $uploader?.isOpen}
diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 7895f7e4a6..c1f38c429d 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -1,5 +1,8 @@
+
-
-
diff --git a/src/lib/elements/forms/inputFile.svelte b/src/lib/elements/forms/inputFile.svelte
index 0d0ed3f015..8642f9a2d1 100644
--- a/src/lib/elements/forms/inputFile.svelte
+++ b/src/lib/elements/forms/inputFile.svelte
@@ -63,7 +63,7 @@
void> = (node, callback) => {
+ const observer = new ResizeObserver((entries) => {
+ for (const entry of entries) {
+ callback(entry.contentRect.width < entry.target.scrollWidth);
+ }
+ });
+
+ observer.observe(node);
+
+ return {
+ destroy() {
+ observer.disconnect();
+ }
+ };
+ };
+
+ let isOverflowing = false;
{label}
{/if} {:else} + import type { Action } from 'svelte/action'; + export let isSticky = false; + + const hasOverflow: Action
-
-
+ {
+ return new Promise((r) => setTimeout(r, ms));
+}
diff --git a/src/lib/layout/activity.svelte b/src/lib/layout/activity.svelte
index 113f89809f..f1735e3e4e 100644
--- a/src/lib/layout/activity.svelte
+++ b/src/lib/layout/activity.svelte
@@ -43,7 +43,7 @@
{log.userEmail}
{/if}
{:else}
-
-
- {#if created}
- {total(created)}
-
-
- {#if read}
- {total(read)}
-
-
- {#if updated}
- {total(updated)}
-
-
- {#if deleted}
- {total(deleted)}
-
-
diff --git a/src/routes/card/helpers.ts b/src/routes/card/helpers.ts
new file mode 100644
index 0000000000..aa5904ee15
--- /dev/null
+++ b/src/routes/card/helpers.ts
@@ -0,0 +1,11 @@
+import { VARS } from '$lib/system';
+
+export function getCardImgUrls(userId: string, endpoint: string) {
+ const resolved = endpoint;
+
+ const frontImg = `${resolved}/cards/cloud?userId=${userId}`;
+ const backImg = `${resolved}/cards/cloud-back?userId=${userId}`;
+ const ogImg = `${resolved}/cards/cloud-og?userId=${userId}`;
+
+ return { frontImg, backImg, ogImg };
+}
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index ba9f9d1c55..761b9515e6 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -1,5 +1,5 @@
-
-
-
+
{log.userName ?? 'Anonymous'}
diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte
index 1b8e7863ed..3e8b733748 100644
--- a/src/lib/layout/header.svelte
+++ b/src/lib/layout/header.svelte
@@ -19,7 +19,7 @@
import { goto } from '$app/navigation';
import { page } from '$app/stores';
import { Submit, trackEvent } from '$lib/actions/analytics';
- import { sdkForConsole } from '$lib/stores/sdk';
+ import { sdk } from '$lib/stores/sdk';
import { slide } from 'svelte/transition';
import { isCloud } from '$lib/system';
@@ -36,7 +36,7 @@
}
async function logout() {
- await sdkForConsole.account.deleteSession('current');
+ await sdk.forConsole.account.deleteSession('current');
trackEvent(Submit.AccountLogout);
await goto(`${base}/login`);
}
diff --git a/src/lib/layout/logs.svelte b/src/lib/layout/logs.svelte
index 4c4049e7b5..7d92332afc 100644
--- a/src/lib/layout/logs.svelte
+++ b/src/lib/layout/logs.svelte
@@ -6,7 +6,7 @@
import { Button } from '$lib/elements/forms';
import { base } from '$app/paths';
import { app } from '$lib/stores/app';
- import { sdkForConsole } from '$lib/stores/sdk';
+ import { sdk } from '$lib/stores/sdk';
import { page } from '$app/stores';
import { calculateTime } from '$lib/helpers/timeConversion';
import type { Models } from '@aw-labs/appwrite-console';
@@ -17,7 +17,7 @@
function isDeployment(data: Models.Deployment | Models.Execution): data is Models.Deployment {
if ('buildId' in data) {
selectedTab = 'logs';
- rawData = `${sdkForConsole.client.config.endpoint}/functions/${$log.func.$id}/deployment/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
+ rawData = `${sdk.forConsole.client.config.endpoint}/functions/${$log.func.$id}/deployment/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
return true;
}
}
@@ -25,7 +25,7 @@
function isExecution(data: Models.Deployment | Models.Execution): data is Models.Execution {
if ('trigger' in data) {
selectedTab = 'response';
- rawData = `${sdkForConsole.client.config.endpoint}/functions/${$log.func.$id}/execution/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
+ rawData = `${sdk.forConsole.client.config.endpoint}/functions/${$log.func.$id}/execution/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
return true;
}
}
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index aad0da6e01..a0c5899708 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -81,9 +81,14 @@
.main-side {
z-index: 25;
}
+
@media (max-width: 550.99px), (min-width: 551px) and (max-width: 1198.99px) {
.main-side {
top: 4.5rem;
}
}
+
+ .main-content {
+ overflow: hidden;
+ }
diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index 3f4ebff5f0..b59d1232ca 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -13,9 +13,6 @@
import { isCloud } from '$lib/system';
import { onDestroy } from 'svelte';
- export let imgLight = LoginLight;
- export let imgDark = LoginDark;
-
const technologies = [
'js',
'flutter',
@@ -112,9 +109,9 @@
class="container u-margin-block-start-20 is-no-mobile u-flex u-main-center"
style="--p-container-max-size: var(--container-size-large);">
{#if $app.themeInUse === 'dark'}
- 
+ 
{:else}
- 
+ 
{/if}
diff --git a/src/lib/layout/usage.svelte b/src/lib/layout/usage.svelte
index fe00d9d629..4c36b617f6 100644
--- a/src/lib/layout/usage.svelte
+++ b/src/lib/layout/usage.svelte
@@ -13,9 +13,8 @@
@@ -72,76 +62,6 @@
{/if}
- {createdMetadata.title}
- -
- [e.date, e.value])],
- color: Colors.Secondary
- }
- ]} />
-
- {/if}
- {readMetadata.title}
- -
- [e.date, e.value])],
- color: Colors.Tertiary
- }
- ]} />
-
- {/if}
- {updatedMetadata.title}
- -
- [e.date, e.value])],
- color: Colors.Quaternary
- }
- ]} />
-
- {/if}
- {deletedMetadata.title}
- -
- [e.date, e.value])],
- color: Colors.Quinary
- }
- ]} />
-
- {/if}
-