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

Styling fixes

Browse Source
This commit is contained in:
Fornax
2022-12-05 15:01:04 +01:00
parent 735d58ac9a
commit 81929bb016
9 changed files with 73 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
svelte/src/file_viewer/FilePicker.svelte
View File

@@ -116,7 +116,7 @@ const keydown = (e) => {
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 1.2em;
font-size: 1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
@@ -125,12 +125,14 @@ const keydown = (e) => {
flex-grow: 1;
flex-shrink: 1;
text-align: center;
font-size: 1.2em;
}
.search {
min-width: 100px;
max-width: 300px;
flex-grow: 1;
flex-shrink: 1;
align-self: stretch;
}
@media(max-width: 700px) {
.title {

2
svelte/src/file_viewer/FileViewer.svelte
View File

@@ -684,7 +684,7 @@ const keyboard_event = evt => {
transition: left 0.5s;
overflow: auto;
text-align: center;
border-radius: 12px;
border-radius: 8px;
border: 2px solid var(--separator);
}
.file_preview.toolbar_visible { left: 8.2em; }

6
svelte/src/file_viewer/ListNavigator.svelte
View File

@@ -105,7 +105,7 @@ export const set_item = idx => {
.nav_button{
flex-grow: 0;
flex-shrink: 0;
margin: 6px;
margin: 4px;
}
.list_navigator {
@@ -118,9 +118,9 @@ export const set_item = idx => {
.file_button {
position: relative;
height: 50px;
height: 48px;
width: 220px;
margin: 6px;
margin: 4px 3px;
padding: 0;
overflow: hidden;
border-radius: 6px;

6
svelte/src/layout/Footer.svelte
View File

@@ -8,11 +8,10 @@ import Twitter from "../icons/Twitter.svelte";
<footer>
<div class="footer_content">
<div style="display: inline-block; margin: 0 8px 0 8px;">
<div style="display: inline-block; margin: 0 8px;">
Pixeldrain is a product by <a href="//fornaxian.tech" target="_blank">Fornaxian Technologies</a>
</div>
<div style="display: inline-block; margin: 0 8px 0 8px;">
(
<div style="display: inline-block; margin: 0 8px;">
<a href="https://www.patreon.com/pixeldrain" target="_blank">
<Patreon style="color: var(--body_text_color);"/> Patreon
</a> |
@@ -28,7 +27,6 @@ import Twitter from "../icons/Twitter.svelte";
<a href="https://mastodon.social/web/@fornax" target="_blank">
<Mastodon style="color: var(--body_text_color);"/> Mastodon
</a>
)
</div>
<br/>
<span class="small_footer_text" style="font-size: .75em; line-height: .75em;">

4
svelte/src/user_file_manager/DirectoryElement.svelte
View File

@@ -357,7 +357,7 @@ const node_click = (index) => {
overflow: hidden;
background: var(--body_background);
min-width: 850px;
border-top-left-radius: 16px;
border-top-left-radius: 8px;
border-bottom: 1px solid var(--separator);
}
.sorter_button {
@@ -387,7 +387,7 @@ const node_click = (index) => {
padding: 0;
overflow-x: auto;
background: var(--body_background);
border-bottom-left-radius: 16px;
border-bottom-left-radius: 8px;
}
#node_container {
display: block;

2
svelte/src/util/Modal.svelte
View File

@@ -94,7 +94,7 @@ these padding divs to move it 25% up */
max-height: 100%;
max-width: 100%;
padding: 0;
border-radius: 20px 20px 12px 12px;
border-radius: 20px 20px 8px 8px;
overflow: hidden;
text-align: left;
}