@@ -0,0 +1,14 @@
+
@@ -0,0 +1,3 @@
+
@@ -0,0 +1,6 @@
+
@@ -41,6 +41,7 @@
padding: 24px;
background-color: #2a2a2e;
border-radius: 12px;
+ padding-bottom: 24px;
min-width: 128px;
min-height: 144px;
}
@@ -48,10 +49,16 @@
.tooltipContent {
position: relative;
display: inline-block;
+ background-color: #222222;
+ border-radius: 12px;
display: flex;
min-height: 144px;
min-width: 128px;
+ &.tooltipContentSvg {
+ padding: 40px;
+ }
+
&::after {
content: '';
position: absolute;
@@ -68,6 +75,8 @@
.tooltipImage {
display: block;
+ min-height: 144px;
+ min-width: 128px;
max-width: 300px;
max-height: 300px;
object-fit: contain;
@@ -82,9 +82,10 @@ export const LoadImage = ({ loading, unpinImage, image, imageLoad, types, fileNa
if (image) {
const isImage = isImageFile(image)
const fileIcon = getFileTypeIcon(image)
+ const isSvg = image.name.toLowerCase().split('?')[0].endsWith('.svg')
const tooltipContent = (
-
+
{isImage && previewUrl ? (
) : (
@@ -2,14 +2,14 @@
export const FILE_TYPE_ICONS: Record = {
doc: '/svg/filetypes/word-doc.svg',
docx: '/svg/filetypes/word-doc.svg',
- txt: '/svg/filetypes/word-doc.svg',
- pdf: '/svg/filetypes/word-doc.svg',
+ txt: '/svg/side-menu/word-doc.svg',
+ pdf: '/svg/filetypes/word-pdf.svg',
zip: '/svg/filetypes/word-doc.svg',
- audio: '/svg/side-menu/audio.svg',
+ audio: '/svg/filetypes/audio.svg',
}
/** Иконка по умолчанию для неизвестных типов */
-export const DEFAULT_FILE_ICON = '/svg/filetypes/word-doc.svg'
+export const DEFAULT_FILE_ICON = '/svg/filetypes/default.svg'
const IMAGE_MIME_PREFIXES = ['image/']
const IMAGE_EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'svg']