chore(prettier): use spaces instead of tabs

2 files changed, 134 insertions, 134 deletions

diff --git a/src/lib/Events/Event.svelte b/src/lib/Events/Event.svelte
index f31637ec..a2b1d2b5 100644
--- a/src/lib/Events/Event.svelte
+++ b/src/lib/Events/Event.svelte
@@ -1,84 +1,84 @@
 <script lang="ts">
-	import type { Event } from '$lib/Database/SB/events';
-	import root from '$lib/Utility/root';
-	import locale from '$stores/locale';
+  import type { Event } from '$lib/Database/SB/events';
+  import root from '$lib/Utility/root';
+  import locale from '$stores/locale';
 
-	export let event: Event;
-	export let avatar = false;
+  export let event: Event;
+  export let avatar = false;
 </script>
 
 <a href={event.anilist_url} target="_blank">
-	<div
-		class="card"
-		id="user-grid"
-		style={`background-image: ${event.banner ? `url(${event.banner})` : 'none'}; padding: 0;`}
-	>
-		{#if event}
-			<img src={event.banner} alt="" id="cover-image" />
-		{/if}
+  <div
+    class="card"
+    id="user-grid"
+    style={`background-image: ${event.banner ? `url(${event.banner})` : 'none'}; padding: 0;`}
+  >
+    {#if event}
+      <img src={event.banner} alt="" id="cover-image" />
+    {/if}
 
-		<div class="card" id="user-grid-content">
-			{#if avatar}
-				<div id="user-grid-avatar">
-					<a href={root(`/events/group/${event.group.anilist_username}`)}>
-						<img src={event.group.avatar} alt="" width="100vw" id="avatar" />
-					</a>
-				</div>
-			{/if}
+    <div class="card" id="user-grid-content">
+      {#if avatar}
+        <div id="user-grid-avatar">
+          <a href={root(`/events/group/${event.group.anilist_username}`)}>
+            <img src={event.group.avatar} alt="" width="100vw" id="avatar" />
+          </a>
+        </div>
+      {/if}
 
-			<div id="user-grid-content-text">
-				<p>
-					<a href={event.anilist_url} target="_blank" class="title-text">
-						{event.title}
-					</a>
-					<br />
-					{$locale().dateFormatter(new Date(event.created_at))}
-				</p>
+      <div id="user-grid-content-text">
+        <p>
+          <a href={event.anilist_url} target="_blank" class="title-text">
+            {event.title}
+          </a>
+          <br />
+          {$locale().dateFormatter(new Date(event.created_at))}
+        </p>
 
-				<p>{event.description}</p>
-			</div>
-		</div>
-	</div>
+        <p>{event.description}</p>
+      </div>
+    </div>
+  </div>
 </a>
 
 <style>
-	#user-grid-content {
-		display: flex;
-		flex-wrap: wrap;
-		column-gap: 1.5em;
-		background-color: rgba(0, 0, 0, 0.468);
-		color: #d8d8d8;
-		border-top-left-radius: 0;
-		border-top-right-radius: 0;
-	}
+  #user-grid-content {
+    display: flex;
+    flex-wrap: wrap;
+    column-gap: 1.5em;
+    background-color: rgba(0, 0, 0, 0.468);
+    color: #d8d8d8;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
 
-	/* .click-item {
+  /* .click-item {
 		margin: 0 0.625rem;
 	} */
 
-	#user-grid-avatar {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-	}
+  #user-grid-avatar {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
 
-	#avatar {
-		border-radius: 8px;
-	}
+  #avatar {
+    border-radius: 8px;
+  }
 
-	#user-grid {
-		background-size: cover;
-		background-position: center;
-		background-repeat: no-repeat;
-	}
+  #user-grid {
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
 
-	#cover-image {
-		visibility: hidden;
-		height: 4.5em;
-	}
+  #cover-image {
+    visibility: hidden;
+    height: 4.5em;
+  }
 
-	.title-text {
-		font-size: 1.1em;
-	}
+  .title-text {
+    font-size: 1.1em;
+  }
 </style>
diff --git a/src/lib/Events/Group.svelte b/src/lib/Events/Group.svelte
index 6a100024..a3d24807 100644
--- a/src/lib/Events/Group.svelte
+++ b/src/lib/Events/Group.svelte
@@ -1,90 +1,90 @@
 <script lang="ts">
-	import type { Group } from '$lib/Database/SB/groups';
-	import tooltip from '$lib/Tooltip/tooltip';
+  import type { Group } from '$lib/Database/SB/groups';
+  import tooltip from '$lib/Tooltip/tooltip';
 
-	export let group: Group;
+  export let group: Group;
 </script>
 
 <div
-	class="card"
-	id="user-grid"
-	style={`background-image: ${group.banner ? `url(${group.banner})` : 'none'}; padding: 0;`}
+  class="card"
+  id="user-grid"
+  style={`background-image: ${group.banner ? `url(${group.banner})` : 'none'}; padding: 0;`}
 >
-	{#if group}
-		<img src={group.banner} alt="" id="cover-image" />
-	{/if}
+  {#if group}
+    <img src={group.banner} alt="" id="cover-image" />
+  {/if}
 
-	<div class="card" id="user-grid-content">
-		<div id="user-grid-avatar">
-			<a href={`https://anilist.co/user/${group.anilist_username}`} target="_blank">
-				<img src={group.avatar} alt="" width="100vw" id="avatar" />
-			</a>
-		</div>
+  <div class="card" id="user-grid-content">
+    <div id="user-grid-avatar">
+      <a href={`https://anilist.co/user/${group.anilist_username}`} target="_blank">
+        <img src={group.avatar} alt="" width="100vw" id="avatar" />
+      </a>
+    </div>
 
-		<div id="user-grid-content-text">
-			<p>
-				<a
-					href={`https://anilist.co/user/${group.anilist_username}`}
-					target="_blank"
-					title={String(group.anilist_id)}
-					use:tooltip
-				>
-					@{group.name}
-				</a>
-				{#if group && group.badge}
-					&#8204;
-					<button
-						class="unclickable-button button-badge badge-rainbow"
-						title={group.badge_description}
-						use:tooltip
-						data-tooltip-disable={group.badge_description}
-					>
-						{group.badge}
-					</button>
-				{/if}
-			</p>
+    <div id="user-grid-content-text">
+      <p>
+        <a
+          href={`https://anilist.co/user/${group.anilist_username}`}
+          target="_blank"
+          title={String(group.anilist_id)}
+          use:tooltip
+        >
+          @{group.name}
+        </a>
+        {#if group && group.badge}
+          &#8204;
+          <button
+            class="unclickable-button button-badge badge-rainbow"
+            title={group.badge_description}
+            use:tooltip
+            data-tooltip-disable={group.badge_description}
+          >
+            {group.badge}
+          </button>
+        {/if}
+      </p>
 
-			<p>
-				{group.description}
-			</p>
-		</div>
-	</div>
+      <p>
+        {group.description}
+      </p>
+    </div>
+  </div>
 </div>
 
 <style>
-	#user-grid-content {
-		display: flex;
-		flex-wrap: wrap;
-		column-gap: 1.5em;
-		background-color: rgba(0, 0, 0, 0.468);
-		color: #d8d8d8;
-		border-top-left-radius: 0;
-		border-top-right-radius: 0;
-	}
+  #user-grid-content {
+    display: flex;
+    flex-wrap: wrap;
+    column-gap: 1.5em;
+    background-color: rgba(0, 0, 0, 0.468);
+    color: #d8d8d8;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
 
-	#user-grid-avatar {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-	}
+  #user-grid-avatar {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
 
-	#avatar {
-		border-radius: 8px;
-	}
+  #avatar {
+    border-radius: 8px;
+  }
 
-	/* .click-item {
+  /* .click-item {
 		margin: 0 0.625rem;
 	} */
 
-	#user-grid {
-		background-size: cover;
-		background-position: center;
-		background-repeat: no-repeat;
-	}
+  #user-grid {
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
 
-	#cover-image {
-		visibility: hidden;
-		height: 4.5em;
-	}
+  #cover-image {
+    visibility: hidden;
+    height: 4.5em;
+  }
 </style>