Making things prettier:
npx prettier --write src/routes/journals/
This commit is contained in:
@@ -41,12 +41,17 @@ let tmp_config: key_val = $state({
|
||||
entry: {}
|
||||
});
|
||||
|
||||
const panel_class = 'space-y-4 rounded-xl border border-surface-500/20 bg-surface-500/5 p-4 shadow-sm';
|
||||
const panel_title_class = 'flex items-center gap-2 border-b border-surface-500/20 pb-2 text-lg font-bold';
|
||||
const field_card_class = 'bg-surface-500/5 border-surface-500/10 flex cursor-pointer items-center space-x-3 rounded-lg border p-3 transition-colors hover:bg-surface-500/10';
|
||||
const panel_class =
|
||||
'space-y-4 rounded-xl border border-surface-500/20 bg-surface-500/5 p-4 shadow-sm';
|
||||
const panel_title_class =
|
||||
'flex items-center gap-2 border-b border-surface-500/20 pb-2 text-lg font-bold';
|
||||
const field_card_class =
|
||||
'bg-surface-500/5 border-surface-500/10 flex cursor-pointer items-center space-x-3 rounded-lg border p-3 transition-colors hover:bg-surface-500/10';
|
||||
const tab_button_base_class = 'btn btn-sm border transition-all duration-200';
|
||||
const tab_button_active_class = 'border-surface-200-800 bg-surface-200-800 text-surface-950-50 shadow-sm';
|
||||
const tab_button_inactive_class = 'border-transparent bg-surface-50-900/60 text-surface-600-400 hover:border-surface-200-800 hover:bg-surface-100-900 hover:text-surface-950-50';
|
||||
const tab_button_active_class =
|
||||
'border-surface-200-800 bg-surface-200-800 text-surface-950-50 shadow-sm';
|
||||
const tab_button_inactive_class =
|
||||
'border-transparent bg-surface-50-900/60 text-surface-600-400 hover:border-surface-200-800 hover:bg-surface-100-900 hover:text-surface-950-50';
|
||||
|
||||
function tab_button_class(is_active: boolean): string {
|
||||
return `${tab_button_base_class} ${is_active ? tab_button_active_class : tab_button_inactive_class}`;
|
||||
@@ -75,7 +80,7 @@ function handle_save() {
|
||||
dismissable={false}
|
||||
placement="top-center"
|
||||
size="xl"
|
||||
class="relative mx-auto flex h-[calc(100dvh-2rem)] max-h-[calc(100dvh-2rem)] w-full flex-col rounded-xl border border-surface-200-800 bg-surface-50-900 text-surface-950-50 shadow-xl"
|
||||
class="border-surface-200-800 bg-surface-50-900 text-surface-950-50 relative mx-auto flex h-[calc(100dvh-2rem)] max-h-[calc(100dvh-2rem)] w-full flex-col rounded-xl border shadow-xl"
|
||||
headerClass="flex w-full flex-row items-center justify-between gap-2 rounded-t-xl border-b border-surface-200-800 bg-surface-100-900 p-4"
|
||||
footerClass="flex w-full flex-row items-center justify-center gap-2 rounded-b-xl border-t border-surface-200-800 bg-surface-100-900 p-4">
|
||||
{#snippet header()}
|
||||
@@ -306,7 +311,8 @@ function handle_save() {
|
||||
<ShieldCheck size="1.2em" class="text-primary-500" />
|
||||
Security & Encryption
|
||||
</h2>
|
||||
<div class="space-y-4 rounded-lg border border-surface-500/10 bg-surface-500/5 p-4">
|
||||
<div
|
||||
class="border-surface-500/10 bg-surface-500/5 space-y-4 rounded-lg border p-4">
|
||||
<div class="text-sm italic opacity-80">
|
||||
Global security overrides for the journal module.
|
||||
</div>
|
||||
@@ -329,7 +335,8 @@ function handle_save() {
|
||||
<CircleAlert size="1.2em" class="text-primary-500" />
|
||||
Alerts & Messaging
|
||||
</h2>
|
||||
<div class="space-y-4 rounded-xl border border-surface-500/10 bg-surface-500/5 p-4">
|
||||
<div
|
||||
class="border-surface-500/10 bg-surface-500/5 space-y-4 rounded-xl border p-4">
|
||||
<label class="label flex flex-col items-start gap-1">
|
||||
<span class="text-sm font-bold opacity-70"
|
||||
>Alert Message</span>
|
||||
@@ -362,7 +369,8 @@ function handle_save() {
|
||||
<Settings size="1.2em" class="text-primary-500" />
|
||||
Admin
|
||||
</h2>
|
||||
<div class="space-y-4 rounded-xl border border-surface-500/10 bg-surface-500/5 p-4">
|
||||
<div
|
||||
class="border-surface-500/10 bg-surface-500/5 space-y-4 rounded-xl border p-4">
|
||||
<label class="label flex flex-col items-start gap-1">
|
||||
<span class="text-sm font-bold opacity-70"
|
||||
>Notes</span>
|
||||
@@ -414,7 +422,8 @@ function handle_save() {
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<label class="bg-surface-500/5 border-surface-500/10 flex items-center justify-between rounded-lg border p-3">
|
||||
<label
|
||||
class="bg-surface-500/5 border-surface-500/10 flex items-center justify-between rounded-lg border p-3">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-sm font-bold"
|
||||
>Sort Order</span>
|
||||
@@ -429,12 +438,13 @@ function handle_save() {
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="rounded-xl border border-surface-500/10 bg-surface-500/5 p-4">
|
||||
<p class="text-xs italic opacity-70">
|
||||
Admin changes apply to the journal module state
|
||||
and are saved with the rest of this config.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="border-surface-500/10 bg-surface-500/5 rounded-xl border p-4">
|
||||
<p class="text-xs italic opacity-70">
|
||||
Admin changes apply to the journal module state
|
||||
and are saved with the rest of this config.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user