schoolbox web extension :)
style: format with prettier
+18
-56
+1
-3
renovate.json
+1
-3
renovate.json
+1
-1
src/entrypoints/catppuccin.css
+1
-1
src/entrypoints/catppuccin.css
···
211
211
.right-small a[data-unread]:not([data-unread="0"]),
212
212
#msgs[data-unread]:not([data-unread="0"]) #right-menu-dock,
213
213
.right-off-canvas-menu ul.off-canvas-list #notification-toggle-full,
214
-
ul.off-canvas-list li a:not([data-pwa-action=retryNotifPrompt]):active {
214
+
ul.off-canvas-list li a:not([data-pwa-action="retryNotifPrompt"]):active {
215
215
background-color: hsl(var(--ctp-red));
216
216
color: hsl(var(--ctp-mantle));
217
217
}
+1
-5
src/entrypoints/popup/components/Title.svelte
+1
-5
src/entrypoints/popup/components/Title.svelte
···
25
25
26
26
<label for="theme-toggle" class="relative flex justify-between items-center group p-2 text-xl text-ctp-text">
27
27
<h2>{title}</h2>
28
-
<Slider
29
-
id="theme-toggle"
30
-
bind:checked={data.toggle}
31
-
onChange={setStorage}
32
-
size="big" />
28
+
<Slider id="theme-toggle" bind:checked={data.toggle} onChange={setStorage} size="big" />
33
29
</label>
+3
-7
src/entrypoints/popup/components/inputs/IconBtn.svelte
+3
-7
src/entrypoints/popup/components/inputs/IconBtn.svelte
···
3
3
export let id;
4
4
export let onClick;
5
5
export let icon;
6
-
export let label = '';
7
-
export let color = 'accent';
6
+
export let label = "";
7
+
export let color = "accent";
8
8
</script>
9
9
10
-
<button
11
-
title={title}
12
-
id={id}
13
-
class="flex items-center mx-2 small hover:text-ctp-crust hover:bg-ctp-{color}"
14
-
on:click={onClick}>
10
+
<button {title} {id} class="flex items-center mx-2 small hover:text-ctp-crust hover:bg-ctp-{color}" on:click={onClick}>
15
11
{#if icon}
16
12
<svelte:component this={icon} />
17
13
{/if}
+4
-9
src/entrypoints/popup/components/inputs/Slider.svelte
+4
-9
src/entrypoints/popup/components/inputs/Slider.svelte
···
2
2
export let id: string;
3
3
export let checked: boolean;
4
4
export let onChange: (event: Event) => void;
5
-
export let size: 'big' | 'small' = 'big';
6
-
export let text: string = '';
7
-
export let description: string = '';
5
+
export let size: "big" | "small" = "big";
6
+
export let text: string = "";
7
+
export let description: string = "";
8
8
</script>
9
9
10
10
<label class="slider-label group">
11
11
<h4 class="text-ctp-text">{text}</h4>
12
-
<input
13
-
id={id}
14
-
type="checkbox"
15
-
class="peer slider-input"
16
-
bind:checked={checked}
17
-
on:change={onChange} />
12
+
<input {id} type="checkbox" class="peer slider-input" bind:checked on:change={onChange} />
18
13
<span class="slider {size}"></span>
19
14
</label>
20
15
+1
-6
src/entrypoints/popup/components/inputs/TextInput.svelte
+1
-6
src/entrypoints/popup/components/inputs/TextInput.svelte
···
7
7
</script>
8
8
9
9
<div class="flex justify-center items-center w-full">
10
-
<input
11
-
id={id}
12
-
class="w-full p-2 rounded-l-xl bg-ctp-surface0 text-ctp-text"
13
-
bind:value={value}
14
-
placeholder={placeholder}
15
-
type="text" />
10
+
<input {id} class="w-full p-2 rounded-l-xl bg-ctp-surface0 text-ctp-text" bind:value {placeholder} type="text" />
16
11
<button class="p-2 rounded-r-xl bg-ctp-accent text-ctp-crust" type="submit" on:click={onClick}>{label}</button>
17
12
</div>
+3
-9
src/entrypoints/popup/routes/Snippets.svelte
+3
-9
src/entrypoints/popup/routes/Snippets.svelte
···
86
86
>.
87
87
</p>
88
88
<!-- input box to make new snippet -->
89
-
<TextInput
90
-
id="snippet-input"
91
-
bind:value={snippetURL}
92
-
placeholder="Gist URL"
93
-
label="Add"
94
-
onClick={addUserSnippet}
95
-
/>
96
-
89
+
<TextInput id="snippet-input" bind:value={snippetURL} placeholder="Gist URL" label="Add" onClick={addUserSnippet} />
97
90
</div>
98
91
99
92
<div class="user-snippets-container w-full">
···
111
104
on:click={() => {
112
105
removeUserSnippet(key);
113
106
}}>Remove</button>
114
-
<a href={snippet.url} target="_blank"><button class="xsmall hover:bg-ctp-accent hover:text-ctp-mantle">Gist</button></a>
107
+
<a href={snippet.url} target="_blank"
108
+
><button class="xsmall hover:bg-ctp-accent hover:text-ctp-mantle">Gist</button></a>
115
109
</div>
116
110
{/each}
117
111
</div>