diff options
| author | Kit La Touche <kit@transneptune.net> | 2024-09-27 23:08:56 -0400 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2024-09-27 23:08:56 -0400 |
| commit | b892bd9fdba5fe9397f3c4432b3039aa961b7a14 (patch) | |
| tree | 05fcba01d80fe663318d06f5d5a6b00bc9fee792 /hi-ui/src/lib | |
| parent | 1d8b828d1bbe0e0daa64f6fc2689799c7169afa0 (diff) | |
Add lots of style and layout
Diffstat (limited to 'hi-ui/src/lib')
| -rw-r--r-- | hi-ui/src/lib/Channel.svelte | 4 | ||||
| -rw-r--r-- | hi-ui/src/lib/LogOut.svelte | 12 |
2 files changed, 13 insertions, 3 deletions
diff --git a/hi-ui/src/lib/Channel.svelte b/hi-ui/src/lib/Channel.svelte index 80c4505..7826c46 100644 --- a/hi-ui/src/lib/Channel.svelte +++ b/hi-ui/src/lib/Channel.svelte @@ -15,8 +15,8 @@ </script> <li - class="cursor-pointer hover:bg-teal-100" - class:bg-teal-300={active} + class="cursor-pointer hover:bg-slate-300" + class:bg-slate-400={active} on:click={activate} > #{name} diff --git a/hi-ui/src/lib/LogOut.svelte b/hi-ui/src/lib/LogOut.svelte index 439a530..64d26c9 100644 --- a/hi-ui/src/lib/LogOut.svelte +++ b/hi-ui/src/lib/LogOut.svelte @@ -2,6 +2,12 @@ import { logOut} from '../apiServer'; import { currentUser } from '../store'; + let user; + + currentUser.subscribe((value) => { + user = value; + }); + async function handleLogout(event) { event.preventDefault(); const response = await logOut(); @@ -12,7 +18,11 @@ </script> <form on:submit={handleLogout}> - <button type="submit">log out</button> + @{user.username} + <button + class="border-slate-500 border-solid border-2 font-bold p-1 rounded" + type="submit" + >log out</button> </form> <style> |