godmaire/isitglue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style: Change modal size && change wording

Browse source
This commit is contained in:
Roman Godmaire 2023-12-09 11:55:55 -05:00
parent 8937e6580b
commit 214952bee4
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/routes/+page.svelte
View file

@ -19,7 +19,7 @@
<main>
{#if hasImpact === undefined}
<form transition:fade={{ delay: 0, duration: 300 }}>
<h1>Does this have impact?</h1>
<h1>Does count as "impact"?</h1>
<button on:click={() => (hasImpact = true)}>Yes</button>
<button on:click={() => (hasImpact = false)}>No</button>
@ -61,7 +61,7 @@
}
main {
height: 16rem;
height: auto;
width: 32rem;
max-width: calc(90% - 8rem);
@ -127,9 +127,6 @@
}
@media (min-width: 480px) {
main {
transform: translate(-50%, 25%);
}
form {
grid-template-rows: repeat(3, 1fr);
}
@ -142,7 +139,7 @@
form {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 4em);
grid-template-rows: auto 4em;
grid-row: 1 / 1;
grid-column: 1 / 1;