pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix font and padding issues

Browse Source
This commit is contained in:
Fornax
2022-01-05 19:53:49 +01:00
parent 54773be921
commit 2db20d4885
3 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
res/include/style/layout.css
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 {

8
svelte/src/file_viewer/IntroPopup.svelte
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>

48
svelte/src/user_file_manager/FileManager.svelte
View File

@@ -294,28 +294,32 @@ onMount(() => {
width="600px"
on:is_visible={e => {help_modal_visible = e.detail}}
>
<p>
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.
</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.
</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.
</p>
<div class="indent">
<p>
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.
</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.
</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.
</p>
</div>
</Modal>
<!-- This frame will load the download URL when a download button is pressed -->