tweak dialogues

This commit is contained in:
afn 2023-01-20 16:16:16 -05:00
parent b47defa2f3
commit a2b700dbba
3 changed files with 14 additions and 14 deletions

View File

@ -31,9 +31,9 @@
<slot name="icon" /> <slot name="icon" />
{/if} {/if}
{#if $$slots.title} {#if $$slots.title}
<h1> <h2>
<slot name="title" /> <slot name="title" />
</h1> </h2>
{/if} {/if}
</div> </div>
@ -78,9 +78,10 @@
gap: 1rem; gap: 1rem;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
background-color: var(--grey-six); background-color: var(--grey-six);
margin-bottom: 8px; margin-bottom: 16px;
} }
.modal { .modal {

View File

@ -53,9 +53,8 @@
<img src={current.gdrive_direct_url} alt={current.filename} /> <img src={current.gdrive_direct_url} alt={current.filename} />
<div class="text"> <div class="text">
<h2>{name}</h2> <h2>{name}</h2>
<h6>{current.filename}</h6>
{#if has_variants} {#if has_variants}
<h4>This logo has variants</h4> <h6>This logo has variants</h6>
{/if} {/if}
</div> </div>
</div> </div>

View File

@ -248,12 +248,12 @@
<Modal bind:modalOpen> <Modal bind:modalOpen>
<svelte:fragment slot="title">How does this work?</svelte:fragment> <svelte:fragment slot="title">How does this work?</svelte:fragment>
<svelte:fragment slot="description">Approval voting</svelte:fragment> <svelte:fragment slot="description">
<div class="information"> <h6>
<h6>Voters can choose any number of logos. <br /> The logo that got selected the most wins.</h6> This is an approval voting system. Voters can choose any number of logos. The logo that is
selected the most wins. Note that you can only vote once!
<b>Remember, you can only vote once!</b> </h6>
</div> </svelte:fragment>
<div class="buttons"> <div class="buttons">
<Button <Button
on:click={() => { on:click={() => {