chore(prettier): use spaces instead of tabs

1 files changed, 83 insertions, 83 deletions

diff --git a/src/lib/Notification/Notification.svelte b/src/lib/Notification/Notification.svelte
index 87f51c76..6764f46e 100644
--- a/src/lib/Notification/Notification.svelte
+++ b/src/lib/Notification/Notification.svelte
@@ -1,102 +1,102 @@
 <script lang="ts">
-	import settings from '$stores/settings';
-	import { onMount } from 'svelte';
+  import settings from '$stores/settings';
+  import { onMount } from 'svelte';
 
-	export let notification: { [key: string]: any } = {};
-	export let onRemove: () => void = () => {
-		return;
-	};
-	export let removed = false;
+  export let notification: { [key: string]: any } = {};
+  export let onRemove: () => void = () => {
+    return;
+  };
+  export let removed = false;
 
-	onMount(() => setTimeout(remove, notification.duration));
+  onMount(() => setTimeout(remove, notification.duration));
 
-	const remove = () => {
-		removed = true;
+  const remove = () => {
+    removed = true;
 
-		setTimeout(onRemove, 150);
-	};
+    setTimeout(onRemove, 150);
+  };
 </script>
 
 {#if !$settings.displayDisableNotifications}
-	<div
-		id="notification-container"
-		class={removed ? 'fade-out' : 'fade-in'}
-		on:click={remove}
-		on:keydown={() => {
-			return;
-		}}
-		role="button"
-		tabindex="0"
-	>
-		{#if notification.description}
-			<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-			<details
-				open
-				id="notification"
-				on:click|preventDefault={(event) => event.preventDefault()}
-				on:keydown={() => {
-					return;
-				}}
-			>
-				<summary>{@html notification.heading}</summary>
+  <div
+    id="notification-container"
+    class={removed ? 'fade-out' : 'fade-in'}
+    on:click={remove}
+    on:keydown={() => {
+      return;
+    }}
+    role="button"
+    tabindex="0"
+  >
+    {#if notification.description}
+      <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+      <details
+        open
+        id="notification"
+        on:click|preventDefault={(event) => event.preventDefault()}
+        on:keydown={() => {
+          return;
+        }}
+      >
+        <summary>{@html notification.heading}</summary>
 
-				{@html notification.description}
-			</details>
-		{:else}
-			<div class="card" id="notification">
-				{@html notification.heading}
-			</div>
-		{/if}
-	</div>
+        {@html notification.description}
+      </details>
+    {:else}
+      <div class="card" id="notification">
+        {@html notification.heading}
+      </div>
+    {/if}
+  </div>
 {/if}
 
 <style>
-	#notification-container {
-		margin: 1rem 1rem 0 0;
-		float: right;
-		cursor: pointer;
-	}
+  #notification-container {
+    margin: 1rem 1rem 0 0;
+    float: right;
+    cursor: pointer;
+  }
 
-	#notification {
-		background-color: var(--base001);
-		box-shadow: rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, 0 0 0 4px var(--base0E);
+  #notification {
+    background-color: var(--base001);
+    box-shadow: rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, 0 0 0 4px var(--base0E);
 
-		widows: 100%;
-	}
+    widows: 100%;
+  }
 
-	.fade-in {
-		animation: fadeInAnimation ease 300ms;
-		animation-iteration-count: 1;
-		animation-fill-mode: forwards;
-	}
+  .fade-in {
+    animation: fadeInAnimation ease 300ms;
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+  }
 
-	.fade-out {
-		animation: fadeOutAnimation ease 150ms;
-		animation-iteration-count: 1;
-		animation-fill-mode: forwards;
-	}
+  .fade-out {
+    animation: fadeOutAnimation ease 150ms;
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+  }
 
-	@keyframes fadeInAnimation {
-		100% {
-			opacity: 1;
-		}
-		1% {
-			opacity: 0.01;
-		}
-		0% {
-			opacity: 0;
-		}
-	}
+  @keyframes fadeInAnimation {
+    100% {
+      opacity: 1;
+    }
+    1% {
+      opacity: 0.01;
+    }
+    0% {
+      opacity: 0;
+    }
+  }
 
-	@keyframes fadeOutAnimation {
-		0% {
-			opacity: 1;
-		}
-		99% {
-			opacity: 0.01;
-		}
-		100% {
-			opacity: 0;
-		}
-	}
+  @keyframes fadeOutAnimation {
+    0% {
+      opacity: 1;
+    }
+    99% {
+      opacity: 0.01;
+    }
+    100% {
+      opacity: 0;
+    }
+  }
 </style>