From 9daaac844273e7c34c710765fddb3037fee829f7 Mon Sep 17 00:00:00 2001
From: KTibow <KTibow@users.noreply.github.com>
Date: Wed, 23 Oct 2024 16:36:44 -0700
Subject: [PATCH] fix indentation and stuff
---
src/Chat.svelte | 7 ++++---
src/index.css | 6 ++++--
2 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/src/Chat.svelte b/src/Chat.svelte
index cef10eb..5ef4c5b 100644
--- a/src/Chat.svelte
+++ b/src/Chat.svelte
@@ -39,7 +39,7 @@
}
</script>
-<button on:click={() => (conversation = [])}>
+<button style:margin="0.5rem 0.5rem 0 0.5rem" on:click={() => (conversation = [])}>
<Icon icon={iconTrash} width="1.5rem" height="1.5rem" />
</button>
<div class="wrapper">
@@ -52,6 +52,7 @@
{/each}
</div>
<form
+ style:margin="0 0.5rem 0.5rem 0.5rem"
on:submit|preventDefault={(e) => {
const textarea = e.currentTarget.querySelector("textarea");
@@ -80,14 +81,14 @@
overflow: hidden scroll;
height: 100%;
- margin: 0 -1rem;
- padding: 0.5rem 1rem;
+ padding: 0.5rem 0.75rem;
gap: 0.5rem;
width: 100%;
max-width: 40rem;
align-self: center;
}
+
.user {
white-space: pre-wrap;
background-color: rgb(var(--m3-scheme-primary-container) / 0.2);
diff --git a/src/index.css b/src/index.css
index 4485c47..6927a88 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,11 +3,13 @@ body {
accent-color: rgb(var(--m3-scheme-primary));
background-color: rgb(var(--m3-scheme-background));
color: rgb(var(--m3-scheme-on-background));
- font-family: Atkinson Hyperlegible, system-ui, sans-serif;
+ font-family:
+ Atkinson Hyperlegible,
+ system-ui,
+ sans-serif;
display: flex;
flex-direction: column;
- padding: 1rem;
height: 100dvh;
}
* {