summaryrefslogtreecommitdiff
path: root/ui
diff options
context:
space:
mode:
authorOwen Jacobson <owen@grimoire.ca>2025-02-15 15:16:05 -0500
committerOwen Jacobson <owen@grimoire.ca>2025-02-15 15:16:05 -0500
commiteb0ff4175c10a9287e44ab4c3eafc0f64eae4e0d (patch)
tree9bdfae19e328cebec48e5770bb759efffacf3885 /ui
parent9d6db882ea61e9a68ff60a8f92e2c50d3b191b2b (diff)
npm format
Diffstat (limited to 'ui')
-rw-r--r--ui/app.css2
-rw-r--r--ui/lib/components/MessageInput.svelte3
-rw-r--r--ui/styles/app-bar.css2
-rw-r--r--ui/styles/fonts.css55
-rw-r--r--ui/styles/forms.css4
-rw-r--r--ui/styles/messages.css2
-rw-r--r--ui/styles/textarea.css4
7 files changed, 31 insertions, 41 deletions
diff --git a/ui/app.css b/ui/app.css
index 886dd7e..e7da4d8 100644
--- a/ui/app.css
+++ b/ui/app.css
@@ -14,7 +14,7 @@
body {
background-color: var(--colour-active-channel-bg);
color: var(--dark-text);
- font-family: "Roboto";
+ font-family: 'Roboto';
}
hr {
diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte
index f8dace1..5869654 100644
--- a/ui/lib/components/MessageInput.svelte
+++ b/ui/lib/components/MessageInput.svelte
@@ -24,6 +24,7 @@
</script>
<form bind:this={form} onsubmit={onSubmit}>
- <textarea onkeydown={onKeyDown} bind:value {disabled} type="search" placeholder="Say something..."></textarea>
+ <textarea onkeydown={onKeyDown} bind:value {disabled} type="search" placeholder="Say something..."
+ ></textarea>
<button type="submit">&raquo;</button>
</form>
diff --git a/ui/styles/app-bar.css b/ui/styles/app-bar.css
index ef823c6..17620ba 100644
--- a/ui/styles/app-bar.css
+++ b/ui/styles/app-bar.css
@@ -28,7 +28,7 @@
.app-bar > a {
line-height: var(--app-bar-height);
- font-family: "Archistico";
+ font-family: 'Archistico';
letter-spacing: 0.25rem;
}
diff --git a/ui/styles/fonts.css b/ui/styles/fonts.css
index 66612e2..06f69c8 100644
--- a/ui/styles/fonts.css
+++ b/ui/styles/fonts.css
@@ -1,32 +1,28 @@
/*** Roboto ***/
@font-face {
- font-family: "Roboto";
- src:
- url("../fonts/Roboto-Regular.ttf") format("truetype");
+ font-family: 'Roboto';
+ src: url('../fonts/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
- font-family: "Roboto";
- src:
- url("../fonts/Roboto-Bold.ttf") format("truetype");
+ font-family: 'Roboto';
+ src: url('../fonts/Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
- font-family: "Roboto";
- src:
- url("../fonts/Roboto-Italic.ttf") format("truetype");
+ font-family: 'Roboto';
+ src: url('../fonts/Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
- font-family: "Roboto";
- src:
- url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
+ font-family: 'Roboto';
+ src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
font-display: swap;
@@ -34,17 +30,15 @@
/*** Archistico ***/
@font-face {
- font-family: "Archistico";
- src:
- url("../fonts/Archistico_Simple.ttf") format("truetype");
+ font-family: 'Archistico';
+ src: url('../fonts/Archistico_Simple.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
- font-family: "Archistico";
- src:
- url("../fonts/Archistico_Bold.ttf") format("truetype");
+ font-family: 'Archistico';
+ src: url('../fonts/Archistico_Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
@@ -52,33 +46,29 @@
/*** FiraCode ***/
@font-face {
- font-family: "FiraCode";
- src:
- url("../fonts/FiraCode-Regular.otf") format("opentype");
+ font-family: 'FiraCode';
+ src: url('../fonts/FiraCode-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
- font-family: "FiraCode";
- src:
- url("../fonts/FiraCode-Bold.otf") format("opentype");
+ font-family: 'FiraCode';
+ src: url('../fonts/FiraCode-Bold.otf') format('opentype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
- font-family: "FiraCode";
- src:
- url("../fonts/FiraCode-Italic.otf") format("opentype");
+ font-family: 'FiraCode';
+ src: url('../fonts/FiraCode-Italic.otf') format('opentype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
- font-family: "FiraCode";
- src:
- url("../fonts/FiraCode-BoldItalic.otf") format("opentype");
+ font-family: 'FiraCode';
+ src: url('../fonts/FiraCode-BoldItalic.otf') format('opentype');
font-weight: bold;
font-style: italic;
font-display: swap;
@@ -86,9 +76,8 @@
/*** Overlock ***/
@font-face {
- font-family: "Overlock";
- src:
- url("../fonts/Overlock-Regular.ttf") format("truetype");
+ font-family: 'Overlock';
+ src: url('../fonts/Overlock-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
diff --git a/ui/styles/forms.css b/ui/styles/forms.css
index 5279f86..88a6c41 100644
--- a/ui/styles/forms.css
+++ b/ui/styles/forms.css
@@ -5,7 +5,7 @@ label {
}
label input {
- font-family: "Overlock";
+ font-family: 'Overlock';
display: block;
width: 90%;
padding: 0.25rem;
@@ -14,7 +14,7 @@ label input {
}
form.form > button {
- font-family: "Overlock";
+ font-family: 'Overlock';
background-color: var(--colour-input-bg);
color: var(--colour-input-text);
padding: 0.25rem;
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index f32ec3e..c4ef106 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -118,5 +118,5 @@
.message-body code,
.message-body pre {
- font-family: "FiraCode";
+ font-family: 'FiraCode';
}
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index edf8ced..d9be0d6 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -18,7 +18,7 @@
flex-grow: 1;
background-color: var(--colour-input-bg);
color: var(--colour-input-text);
- font-family: "FiraCode";
+ font-family: 'FiraCode';
}
.create-message button {
@@ -36,7 +36,7 @@ main {
}
/* Workaround for iOS zooming in on the textarea when it gets focus. */
-@media screen and (-webkit-min-device-pixel-ratio:0) {
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
select,
textarea,
input {