From 5fb3e910e64f009cde042a0c1b6730a94f98183e Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Thu, 3 Nov 2022 20:47:29 -0500
Subject: [PATCH] Removing minimal param and base dialog css.

---
 .../components/search/textSearch/index.svelte |  1 -
 src/routes/collection/+page.svelte            |  1 -
 src/routes/search/+page.svelte                |  3 +-
 src/routes/wishlist/+page.svelte              |  1 -
 src/styles/global.scss                        | 44 +++++++++++++++++++
 5 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/search/textSearch/index.svelte b/src/lib/components/search/textSearch/index.svelte
index d4e3f8f..8df89a3 100644
--- a/src/lib/components/search/textSearch/index.svelte
+++ b/src/lib/components/search/textSearch/index.svelte
@@ -55,7 +55,6 @@
 	<button class="btn" type="submit" disabled={submitting}>Submit</button>
 {/if}
 
-<!-- </form> -->
 <style lang="scss">
 	.search {
 		display: grid;
diff --git a/src/routes/collection/+page.svelte b/src/routes/collection/+page.svelte
index 5333dc8..99f205d 100644
--- a/src/routes/collection/+page.svelte
+++ b/src/routes/collection/+page.svelte
@@ -50,7 +50,6 @@
 				<Game
 					on:handleRemoveWishlist={handleRemoveWishlist}
 					on:handleRemoveCollection={handleRemoveCollection}
-					minimal
 					{game}
 				/>
 			{/each}
diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
index 62c859f..2f81398 100644
--- a/src/routes/search/+page.svelte
+++ b/src/routes/search/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { applyAction, enhance } from '$app/forms';
+	import { ToastType, type GameType, type SavedGameType } from '$root/lib/types';
 	import type { ActionData, PageData } from './$types';
 	import Game from '$lib/components/game/index.svelte';
 	import { gameStore } from '$lib/stores/gameSearchStore';
 	import TextSearch from '$lib/components/search/textSearch/index.svelte';
 	import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte';
-	import { ToastType, type GameType, type SavedGameType } from '$root/lib/types';
 	import { boredState } from '$root/lib/stores/boredState';
 	import { toast } from '$root/lib/components/toast/toast';
 	import RemoveWishlistDialog from '$root/lib/components/dialog/RemoveWishlistDialog.svelte';
@@ -89,7 +89,6 @@
 				<Game
 					on:handleRemoveWishlist={handleRemoveWishlist}
 					on:handleRemoveCollection={handleRemoveCollection}
-					minimal
 					{game}
 				/>
 			{/each}
diff --git a/src/routes/wishlist/+page.svelte b/src/routes/wishlist/+page.svelte
index 457d123..67d768c 100644
--- a/src/routes/wishlist/+page.svelte
+++ b/src/routes/wishlist/+page.svelte
@@ -46,7 +46,6 @@
 				<Game
 					on:handleRemoveWishlist={handleRemoveWishlist}
 					on:handleRemoveCollection={handleRemoveCollection}
-					minimal
 					{game}
 				/>
 			{/each}
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 8d84d12..4140e53 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -356,4 +356,48 @@ ol {
 
 .error {
   color: var(--tomatoOrange);
+}
+
+/* Base Dialog Styles */
+.dialog {
+  display: grid;
+  gap: 1.5rem;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 101;
+  border-radius: 10px;
+  background-color: var(--clr-input-bg);
+  padding: 2rem;
+  min-width: 400px;
+
+  .dialog-footer {
+    display: flex;
+    justify-content: space-between;
+    gap: 2rem;
+    margin: 1rem 0;
+
+    button {
+      display: flex;
+      place-content: center;
+      gap: 1rem;
+      width: 100%;
+      border-radius: 10px;
+      padding: 1rem;
+      background-color: var(--color-btn-primary-active);
+
+      &:hover {
+        background-color: var(--color-btn-primary-active-hover);
+      }
+    }
+
+    .remove {
+      background-color: var(--warning);
+
+      &:hover {
+        background-color: var(--warning-hover);
+      }
+    }
+  }
 }
\ No newline at end of file