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

8
svelte/src/file_viewer/IntroPopup.svelte
View File

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

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

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