BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Removing minimal param and base dialog css.

Browse source
This commit is contained in:
Bradley Shellnut 2022-11-03 20:47:29 -05:00
parent 1ddd21e1a9
commit 5fb3e910e6
5 changed files with 45 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/lib/components/search/textSearch/index.svelte
View file

@ -55,7 +55,6 @@
<button class="btn" type="submit" disabled={submitting}>Submit</button> <button class="btn" type="submit" disabled={submitting}>Submit</button>
{/if} {/if}
<!-- </form> -->
<style lang="scss"> <style lang="scss">
.search { .search {
display: grid; display: grid;

1
src/routes/collection/+page.svelte
View file

@ -50,7 +50,6 @@
<Game <Game
on:handleRemoveWishlist={handleRemoveWishlist} on:handleRemoveWishlist={handleRemoveWishlist}
on:handleRemoveCollection={handleRemoveCollection} on:handleRemoveCollection={handleRemoveCollection}
minimal
{game} {game}
/> />
{/each} {/each}

3
src/routes/search/+page.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts"> <script lang="ts">
import { applyAction, enhance } from '$app/forms'; import { applyAction, enhance } from '$app/forms';
import { ToastType, type GameType, type SavedGameType } from '$root/lib/types';
import type { ActionData, PageData } from './$types'; import type { ActionData, PageData } from './$types';
import Game from '$lib/components/game/index.svelte'; import Game from '$lib/components/game/index.svelte';
import { gameStore } from '$lib/stores/gameSearchStore'; import { gameStore } from '$lib/stores/gameSearchStore';
import TextSearch from '$lib/components/search/textSearch/index.svelte'; import TextSearch from '$lib/components/search/textSearch/index.svelte';
import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.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 { boredState } from '$root/lib/stores/boredState';
import { toast } from '$root/lib/components/toast/toast'; import { toast } from '$root/lib/components/toast/toast';
import RemoveWishlistDialog from '$root/lib/components/dialog/RemoveWishlistDialog.svelte'; import RemoveWishlistDialog from '$root/lib/components/dialog/RemoveWishlistDialog.svelte';
@ -89,7 +89,6 @@
<Game <Game
on:handleRemoveWishlist={handleRemoveWishlist} on:handleRemoveWishlist={handleRemoveWishlist}
on:handleRemoveCollection={handleRemoveCollection} on:handleRemoveCollection={handleRemoveCollection}
minimal
{game} {game}
/> />
{/each} {/each}

1
src/routes/wishlist/+page.svelte
View file

@ -46,7 +46,6 @@
<Game <Game
on:handleRemoveWishlist={handleRemoveWishlist} on:handleRemoveWishlist={handleRemoveWishlist}
on:handleRemoveCollection={handleRemoveCollection} on:handleRemoveCollection={handleRemoveCollection}
minimal
{game} {game}
/> />
{/each} {/each}

44
src/styles/global.scss
View file

@ -357,3 +357,47 @@ ol {
.error { .error {
color: var(--tomatoOrange); 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);
}
}
}
}