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/Channel.svelte | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'ui/lib/components/Channel.svelte') diff --git a/ui/lib/components/Channel.svelte b/ui/lib/components/Channel.svelte index 01b1c87..dc019a0 100644 --- a/ui/lib/components/Channel.svelte +++ b/ui/lib/components/Channel.svelte @@ -2,13 +2,13 @@ let { id, name, active, hasUnreads } = $props(); -
  • - + +
  • {#if hasUnreads} - ❦ + ❦ {:else} - + {/if} - {name} - -
    • + {name} + + -- cgit v1.2.3 From f81065314aaa5c210a4245e65469906b277c363e Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Sun, 5 Jan 2025 17:09:28 -0500 Subject: Stylize channel badges --- ui/lib/components/Channel.svelte | 4 ++-- ui/styles/app-layout.css | 2 +- ui/styles/messages.css | 14 ++++++++++++-- ui/styles/sidebar.css | 29 +++++++++++++++++++++++++++++ 4 files changed, 44 insertions(+), 5 deletions(-) (limited to 'ui/lib/components/Channel.svelte') diff --git a/ui/lib/components/Channel.svelte b/ui/lib/components/Channel.svelte index dc019a0..2fc3249 100644 --- a/ui/lib/components/Channel.svelte +++ b/ui/lib/components/Channel.svelte @@ -5,9 +5,9 @@
  • {#if hasUnreads} - ❦ + ❦ {:else} - + {/if} {name}
    • diff --git a/ui/styles/app-layout.css b/ui/styles/app-layout.css index 53f003c..f5b24ab 100644 --- a/ui/styles/app-layout.css +++ b/ui/styles/app-layout.css @@ -24,7 +24,7 @@ nav#sidebar { height: 100vh; z-index: 10; - border-radius: 0 1.4rem 1.4rem 0; + border-radius: 0 0.8rem 0.8rem 0; background-color: var(--colour-navbar-bg); diff --git a/ui/styles/messages.css b/ui/styles/messages.css index 0854d17..7df781a 100644 --- a/ui/styles/messages.css +++ b/ui/styles/messages.css @@ -90,13 +90,23 @@ /* For rendered message bodies: */ .message-body blockquote { - border-left: 0.25rem solid lightgrey; - margin-left: 0.5rem; + margin-left: 0.25rem; padding-left: 0.5rem; + border-left: 2px solid grey; + border-radius: 0.125rem; } + +.message-body blockquote * { + color: grey; +} + .message-body pre { border: 1px solid #312e81; border-radius: 0.25rem; background-color: var(--colour-message-run-text); padding: 0.25rem; } + +.message-body code { + font-family: monospace; +} diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css index b10789f..695628c 100644 --- a/ui/styles/sidebar.css +++ b/ui/styles/sidebar.css @@ -3,6 +3,10 @@ background-color: var(--colour-navbar-bg); } +.list-nav a { + text-decoration: none; +} + .list-nav ul { padding: 0.5rem; } @@ -51,4 +55,29 @@ color: var(--colour-input-text); } +.badge { + --dimensions: 1.25rem; + display: inline-block; + + width: var(--dimensions); + height: var(--dimensions); + border-radius: var(--dimensions); + line-height: var(--dimensions); + text-align: center; +} + +.badge.has-unreads { + /* TODO: Obvs this is a placeholder */ + border: 1px solid mediumaquamarine; + background-color: lightgreen; + color: black; +} + +.badge.has-no-unreads { + /* TODO: Obvs this is a placeholder */ + border: 1px solid bisque; + background-color: antiquewhite; + color: black; +} + /* TODO: media-query stuff. Margin-left at a constant zero? */ -- cgit v1.2.3 From 6d51f8568e337e768505ccfdef916b84dd6eb1b3 Mon Sep 17 00:00:00 2001 From: Owen Jacobson Date: Sat, 11 Jan 2025 13:34:13 -0500 Subject: npm run format --- ui/app.css | 22 ++--- ui/lib/components/ChangePassword.svelte | 7 +- ui/lib/components/Channel.svelte | 2 +- ui/lib/components/CreateChannelForm.svelte | 7 +- ui/lib/components/LogIn.svelte | 8 +- ui/lib/components/Message.svelte | 8 +- ui/lib/components/MessageInput.svelte | 11 +-- ui/lib/components/MessageRun.svelte | 6 +- ui/lib/store/channels.svelte.js | 9 +- ui/lib/store/messages.svelte.js | 2 +- ui/routes/(app)/+layout.svelte | 6 +- ui/routes/(app)/+page.svelte | 4 +- ui/routes/(app)/ch/[channel]/+page.svelte | 14 +-- ui/styles/app-layout.css | 4 +- ui/styles/reset.css | 147 ++++++++++++++++++++++------- ui/styles/sidebar.css | 2 +- ui/styles/textarea.css | 2 +- ui/styles/variables.css | 18 +++- 18 files changed, 167 insertions(+), 112 deletions(-) (limited to 'ui/lib/components/Channel.svelte') diff --git a/ui/app.css b/ui/app.css index 2df588e..a02106d 100644 --- a/ui/app.css +++ b/ui/app.css @@ -1,14 +1,14 @@ -@import url("styles/reset.css"); -@import url("styles/variables.css"); -@import url("styles/overscroll.css"); -@import url("styles/app-bar.css"); -@import url("styles/app-layout.css"); -@import url("styles/sidebar.css"); -@import url("styles/active-channel.css"); -@import url("styles/messages.css"); -@import url("styles/textarea.css"); -@import url("styles/forms.css"); -@import url("styles/invites.css"); +@import url('styles/reset.css'); +@import url('styles/variables.css'); +@import url('styles/overscroll.css'); +@import url('styles/app-bar.css'); +@import url('styles/app-layout.css'); +@import url('styles/sidebar.css'); +@import url('styles/active-channel.css'); +@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); diff --git a/ui/lib/components/ChangePassword.svelte b/ui/lib/components/ChangePassword.svelte index 51ebccd..bf94ea7 100644 --- a/ui/lib/components/ChangePassword.svelte +++ b/ui/lib/components/ChangePassword.svelte @@ -35,12 +35,7 @@     -
  • +
  • {#if hasUnreads} ❦ {:else} diff --git a/ui/lib/components/CreateChannelForm.svelte b/ui/lib/components/CreateChannelForm.svelte index 8fab4c4..85c85bb 100644 --- a/ui/lib/components/CreateChannelForm.svelte +++ b/ui/lib/components/CreateChannelForm.svelte @@ -16,11 +16,6 @@
    - +
    diff --git a/ui/lib/components/LogIn.svelte b/ui/lib/components/LogIn.svelte index 44aab44..5bfdae2 100644 --- a/ui/lib/components/LogIn.svelte +++ b/ui/lib/components/LogIn.svelte @@ -12,13 +12,7 @@