Make intro popup less intrusive
This commit is contained in:
@@ -36,13 +36,13 @@ onMount(() => {
|
|||||||
|
|
||||||
{#if visible}
|
{#if visible}
|
||||||
<div bind:this={popup} in:fade out:fade class="intro_popup">
|
<div bind:this={popup} in:fade out:fade class="intro_popup">
|
||||||
<h3>Upload your own files here!</h3>
|
<h3>Upload your own files here</h3>
|
||||||
<p>
|
<p>
|
||||||
On pixeldrain you can share your files with large or small
|
With pixeldrain you can share your files anywhere on the web. The
|
||||||
groups of people. The sky is the limit!
|
sky is the limit!
|
||||||
</p>
|
</p>
|
||||||
<button on:click={close} class="close button_highlight round">
|
<button on:click={close} class="close button_highlight round">
|
||||||
<i class="icon">check</i> Got it!
|
<i class="icon">check</i> Got it
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
@@ -52,7 +52,7 @@ onMount(() => {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 380px;
|
width: 360px;
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
height: auto;
|
height: auto;
|
||||||
background-color: var(--layer_4_color);
|
background-color: var(--layer_4_color);
|
||||||
|
Reference in New Issue
Block a user