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

Transition and need to update the game page remove button.

Browse source
This commit is contained in:
Bradley Shellnut 2022-08-31 17:05:12 -05:00
parent 8aa2fd3c2d
commit 26d5b28323
1 changed files with 1 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/routes/+layout.svelte
View file

@ -79,9 +79,7 @@
{/if} {/if}
{#if isOpen} {#if isOpen}
<div class="container"> <div class="container">
<div transition:fade> <svelte:component this={$boredState?.dialog?.content} />
<svelte:component this={$boredState?.dialog?.content} />
</div>
</div> </div>
{/if} {/if}
<Toast /> <Toast />
@ -150,47 +148,4 @@
padding: 40px 0; padding: 40px 0;
} }
} }
.dialog {
display: grid;
gap: 1.5rem;
position: absolute;
top: 35%;
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);
}
}
}
}
:global(.dialog-overlay) {
position: fixed;
inset: 0;
z-index: 100;
background-color: rgb(0 0 0);
opacity: 0.8;
}
</style> </style>