pdf fix and alignment
This commit is contained in:
@@ -217,7 +217,7 @@ export function renderFileTable(folder) {
|
|||||||
let previewIcon = "";
|
let previewIcon = "";
|
||||||
if (/\.(jpg|jpeg|png|gif|bmp|webp|svg|ico|tif|tiff|eps|heic)$/i.test(file.name)) {
|
if (/\.(jpg|jpeg|png|gif|bmp|webp|svg|ico|tif|tiff|eps|heic)$/i.test(file.name)) {
|
||||||
previewIcon = `<i class="material-icons">image</i>`;
|
previewIcon = `<i class="material-icons">image</i>`;
|
||||||
} else if (/\.(mp4|webm|mov|ogg)$/i.test(file.name)) {
|
} else if (/\.(mp4|webm|ogg)$/i.test(file.name)) {
|
||||||
previewIcon = `<i class="material-icons">videocam</i>`;
|
previewIcon = `<i class="material-icons">videocam</i>`;
|
||||||
} else if (/\.pdf$/i.test(file.name)) {
|
} else if (/\.pdf$/i.test(file.name)) {
|
||||||
previewIcon = `<i class="material-icons">picture_as_pdf</i>`;
|
previewIcon = `<i class="material-icons">picture_as_pdf</i>`;
|
||||||
@@ -356,9 +356,10 @@ window.previewFile = function (fileUrl, fileName) {
|
|||||||
} else if (extension === "pdf") {
|
} else if (extension === "pdf") {
|
||||||
// PDF preview using <embed> with explicit sizing
|
// PDF preview using <embed> with explicit sizing
|
||||||
const embed = document.createElement("embed");
|
const embed = document.createElement("embed");
|
||||||
embed.src = fileUrl;
|
// Append a timestamp to force reload
|
||||||
|
const separator = fileUrl.indexOf('?') === -1 ? '?' : '&';
|
||||||
|
embed.src = fileUrl + separator + 't=' + new Date().getTime();
|
||||||
embed.type = "application/pdf";
|
embed.type = "application/pdf";
|
||||||
// Instead of using the image-modal-img class, set larger dimensions
|
|
||||||
embed.style.width = "80vw";
|
embed.style.width = "80vw";
|
||||||
embed.style.height = "80vh";
|
embed.style.height = "80vh";
|
||||||
embed.style.border = "none";
|
embed.style.border = "none";
|
||||||
|
|||||||
@@ -1216,7 +1216,7 @@ body.dark-mode #fileListContainer {
|
|||||||
=========================================================== */
|
=========================================================== */
|
||||||
.folder-tree {
|
.folder-tree {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding-left: 25px;
|
padding-left: 10px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1236,11 +1236,14 @@ body.dark-mode #fileListContainer {
|
|||||||
.folder-toggle {
|
.folder-toggle {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 25px; /* or adjust to desired width */
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.folder-indent-placeholder {
|
.folder-indent-placeholder {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 0px;
|
width: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.folder-option {
|
.folder-option {
|
||||||
|
|||||||
Reference in New Issue
Block a user