Fix font and padding issues

This commit is contained in:
2022-01-05 19:53:49 +01:00
parent 54773be921
commit 2db20d4885
3 changed files with 34 additions and 34 deletions

View File

@@ -72,13 +72,6 @@ body{
}
/* Page layout elements */
.page_wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.button_toggle_navigation {
position: fixed;
@@ -241,12 +234,11 @@ body{
/* Common elements */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6, .title {
line-height: 1em;
margin: 0.5em 0;
font-weight: normal;
font-weight: lighter;
font-family: sans-serif;
font-family: 'Open Sans Light', sans-serif;
}
h1 {

View File

@@ -36,7 +36,7 @@ onMount(() => {
{#if visible}
<div bind:this={popup} in:fade out:fade class="intro_popup">
<h3>Upload your own files here</h3>
<span class="title">Upload your own files here</span>
<p>
With pixeldrain you can share your files anywhere on the web. The
sky is the limit!
@@ -55,6 +55,7 @@ onMount(() => {
width: 360px;
max-width: 80%;
height: auto;
padding: 8px;
background-color: var(--layer_4_color);
box-shadow: 1px 1px 10px var(--shadow_color);
border-radius: 20px;
@@ -71,8 +72,11 @@ onMount(() => {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.title {
font-size: 1.6em;
}
.close {
float: right;
margin: 0 10px 10px 0;
margin: 0;
}
</style>

View File

@@ -294,28 +294,32 @@ onMount(() => {
width="600px"
on:is_visible={e => {help_modal_visible = e.detail}}
>
<div class="indent">
<p>
In the file manager you can see the files you have uploaded and the
lists you have created.
In the file manager you can see the files you have uploaded and
the lists you have created.
</p>
<h3>Searching</h3>
<p>
By clicking the search bar or pressing the / button you can search
through your files or lists. Only the entries matching your search
term will be shown. Pressing Enter will open the first search result
in a new tab. Pressing Escape will cancel the search and all files
will be shown again.
By clicking the search bar or pressing the / button you can
search through your files or lists. Only the entries matching
your search term will be shown. Pressing Enter will open the
first search result in a new tab. Pressing Escape will cancel
the search and all files will be shown again.
</p>
<h3>Bulk actions</h3>
<p>
With the Select button you can click files to select them. Once you
have made a selection you can use the buttons on the toolbar to
either create a list containing the selected files or delete them.
With the Select button you can click files to select them. Once
you have made a selection you can use the buttons on the toolbar
to either create a list containing the selected files or delete
them.
</p>
<p>
Holding Shift while selecting a file will select all the files
between the file you last selected and the file you just clicked.
between the file you last selected and the file you just
clicked.
</p>
</div>
</Modal>
<!-- This frame will load the download URL when a download button is pressed -->