From 1859be064a5f3ea7e6e0188526b1b125dc1c77a7 Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Mon, 30 Dec 2024 15:42:37 -0500 Subject: Strip out Tailwind etc --- ui/lib/components/Invite.svelte | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'ui/lib/components/Invite.svelte') diff --git a/ui/lib/components/Invite.svelte b/ui/lib/components/Invite.svelte index 937c911..ce45930 100644 --- a/ui/lib/components/Invite.svelte +++ b/ui/lib/components/Invite.svelte @@ -1,9 +1,9 @@ - -{inviteUrl} + +{inviteUrl} -- cgit v1.2.3 From 88f4aa4a5b0f42cd061498c9726fb4b8895ff007 Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Sat, 4 Jan 2025 17:58:17 -0500 Subject: Fix invite copy button --- ui/lib/components/Invite.svelte | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'ui/lib/components/Invite.svelte') diff --git a/ui/lib/components/Invite.svelte b/ui/lib/components/Invite.svelte index ce45930..9e6e469 100644 --- a/ui/lib/components/Invite.svelte +++ b/ui/lib/components/Invite.svelte @@ -3,7 +3,11 @@ let { id } = $props(); let inviteUrl = $derived(new URL(`/invite/${id}`, document.location)); + // Nota bene: we cannot use:copy={inviteUrl}, because inviteUrl is not a + // string, and therefore will get treated as an options object. So we must + // explicitly build an options object, containing the value that will + // eventually be interpreted as a string. - + {inviteUrl} -- cgit v1.2.3 From 16ec9ef2e1e53b5cc2a3fd86c123e39371d00c2b Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Sun, 5 Jan 2025 14:44:31 -0500 Subject: Stylize more better --- ui/app.css | 6 ++++++ ui/app.html | 2 +- ui/lib/components/Invite.svelte | 2 +- ui/lib/components/Invites.svelte | 2 +- ui/routes/(app)/+layout.svelte | 4 ---- ui/routes/(app)/me/+page.svelte | 2 ++ ui/routes/(login)/invite/[invite]/+page.svelte | 4 ++-- ui/styles/forms.css | 2 ++ ui/styles/invites.css | 11 +++++++++++ ui/styles/messages.css | 6 ++++++ ui/styles/sidebar.css | 4 ++++ ui/styles/variables.css | 1 + 12 files changed, 37 insertions(+), 9 deletions(-) create mode 100644 ui/styles/invites.css (limited to 'ui/lib/components/Invite.svelte') diff --git a/ui/app.css b/ui/app.css index 7ac9237..27086e7 100644 --- a/ui/app.css +++ b/ui/app.css @@ -8,9 +8,15 @@ @import url("styles/messages.css"); @import url("styles/textarea.css"); @import url("styles/forms.css"); +@import url("styles/invites.css"); body { background-color: var(--colour-active-channel-bg); + color: var(--dark-text); +} + +hr { + width: 90%; } /* TODO: diff --git a/ui/app.html b/ui/app.html index 942e328..e6be518 100644 --- a/ui/app.html +++ b/ui/app.html @@ -8,6 +8,6 @@ %sveltekit.head% -
%sveltekit.body%
+
%sveltekit.body%
diff --git a/ui/lib/components/Invite.svelte b/ui/lib/components/Invite.svelte index 9e6e469..29631f4 100644 --- a/ui/lib/components/Invite.svelte +++ b/ui/lib/components/Invite.svelte @@ -10,4 +10,4 @@ -{inviteUrl} +{inviteUrl} diff --git a/ui/lib/components/Invites.svelte b/ui/lib/components/Invites.svelte index 5c5d601..7861448 100644 --- a/ui/lib/components/Invites.svelte +++ b/ui/lib/components/Invites.svelte @@ -17,7 +17,7 @@ -
    +
      {#each invites as invite}
      • {/each} diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte index cacfc2d..08444bd 100644 --- a/ui/routes/(app)/+layout.svelte +++ b/ui/routes/(app)/+layout.svelte @@ -129,10 +129,6 @@