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-05-03 14:37:26 +02:00
parent 464a238f91
commit cbeaf50900
7 changed files with 51 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
svelte/src/filesystem/filemanager/FileUploader.svelte
View File

@@ -182,38 +182,6 @@ const paste = (e) => {
};
</script>
<style>
.hidden {
display: none;
}
.file_input {
display: block;
visibility: hidden;
width: 0;
height: 0;
}
.file_upload {
display: block;
text-align: left;
width: 100%;
margin: 6px 0 0 0;
padding: 0;
background: var(--body_color);
box-shadow: 1px 1px 5px var(--shadow_color);
}
.upload_progress_bar {
width: 100%;
height: 2px;
}
.upload_progress {
background-color: var(--highlight_color);
height: 100%;
}
</style>
<svelte:body
on:dragover|preventDefault|stopPropagation={dragover}
on:dragleave|preventDefault|stopPropagation={dragleave}
@@ -242,3 +210,35 @@ const paste = (e) => {
</div>
{/each}
</div>
<style>
.hidden {
display: none;
}
.file_input {
display: block;
visibility: hidden;
width: 0;
height: 0;
}
.file_upload {
display: block;
text-align: left;
width: 100%;
margin: 6px 0 0 0;
padding: 0;
background: var(--body_color);
box-shadow: 1px 1px 4px -1px var(--shadow_color);
}
.upload_progress_bar {
width: 100%;
height: 2px;
}
.upload_progress {
background-color: var(--highlight_color);
height: 100%;
}
</style>

15
svelte/src/filesystem/filemanager/GalleryView.svelte
View File

@@ -67,15 +67,16 @@ const node_icon = node => {
}
.file{
position: relative;
width: 180px;
width: 200px;
max-width: 45%;
height: 180px;
height: 200px;
margin: 8px;
padding: 0;
overflow: hidden;
border-radius: 8px;
box-shadow: 1px 1px 4px -1px var(--shadow_color);
box-shadow: 1px 1px 3px -1px var(--shadow_color);
background: var(--input_background);
word-break: break-all;
text-align: center;
line-height: 1.2em;
display: inline-block;
@@ -83,14 +84,14 @@ const node_icon = node => {
text-decoration: none;
vertical-align: top;
color: var(--body_text_color);
transition: background 0.2s;
}
.file:hover {
box-shadow: 0 0 2px 2px var(--highlight_color);
text-decoration: none;
background: var(--input_hover_background);
}
.selected {
background: var(--highlight_background);
color: var(--highlight_text_color);
box-shadow: 0 0 2px 2px var(--highlight_color);
text-decoration: none;
}
.icon_container {
width: 100%;