cieanyau/console-dev
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
cieanyau committed 2026-11-06 00:04:38 +08:00
commit db5762abd4
687 files changed
+171307
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/assets/styles/TicketAttachments.DtbJGLkE.css
+150
View File
@@ -0,0 +1,150 @@
.message-attachments[data-v-77cd676b] {
border-top: 1px solid var(--p-content-border-color);
flex-direction: column;
gap: 12px;
margin: 0 14px 14px;
padding: 12px 0 0;
font-size: 0.9375rem;
list-style: none;
display: flex;
}
.message-attachments li[data-v-77cd676b] {
min-width: 0;
}
.image-attachment[data-v-77cd676b] {
border: 1px solid var(--p-content-border-color);
background: var(--p-content-background);
max-width: 100%;
color: var(--p-text-color);
text-align: left;
cursor: pointer;
border-radius: 8px;
align-items: center;
gap: 12px;
padding: 8px;
display: flex;
}
.image-attachment[data-v-77cd676b]:hover {
border-color: var(--p-primary-color);
}
.image-attachment[data-v-77cd676b]:hover,
.thumbnail[data-v-77cd676b] {
background: var(--p-content-hover-background);
}
.thumbnail[data-v-77cd676b] {
border-radius: 4px;
flex: 0 0 112px;
justify-content: center;
align-items: center;
width: 112px;
height: 80px;
display: flex;
overflow: hidden;
}
.thumbnail img[data-v-77cd676b] {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.thumbnail .pi[data-v-77cd676b] {
color: var(--p-text-muted-color);
font-size: 1.5rem;
}
.image-caption[data-v-77cd676b] {
flex-direction: column;
gap: 5px;
min-width: 0;
display: flex;
}
.attachment-name[data-v-77cd676b] {
color: var(--p-primary-color);
overflow-wrap: anywhere;
}
.image-hint[data-v-77cd676b] {
color: var(--p-text-muted-color);
font-size: 0.8125rem;
}
.file-attachment[data-v-77cd676b] {
align-items: baseline;
gap: 8px;
min-width: 0;
display: flex;
}
.file-attachment a[data-v-77cd676b] {
color: var(--p-primary-color);
overflow-wrap: anywhere;
}
.file-attachment a .pi[data-v-77cd676b] {
margin-left: 4px;
font-size: 0.8125rem;
}
.attachment-unavailable[data-v-77cd676b] {
color: var(--p-text-muted-color);
overflow-wrap: anywhere;
}
.preview-error[data-v-77cd676b],
.preview-status[data-v-77cd676b] {
color: var(--p-text-muted-color);
margin: 0 0 12px;
}
.preview-error[data-v-77cd676b] {
padding: 24px 0;
}
.image-preview[data-v-77cd676b] {
background: var(--p-content-hover-background);
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 120px;
max-height: 68vh;
display: flex;
overflow: auto;
}
.image-preview img[data-v-77cd676b] {
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
max-height: 68vh;
display: block;
}
.image-preview.original-size[data-v-77cd676b] {
display: block;
}
.image-preview.original-size img[data-v-77cd676b] {
max-width: none;
max-height: none;
margin: 0 auto;
}
.preview-actions[data-v-77cd676b] {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 10px;
display: flex;
}
.download-image[data-v-77cd676b] {
color: var(--p-primary-contrast-color);
background: var(--p-primary-color);
border-radius: 6px;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 14px;
text-decoration: none;
display: inline-flex;
}
.download-image[data-v-77cd676b]:hover {
background: var(--p-primary-hover-color);
}
@media (width<=480px) {
.thumbnail[data-v-77cd676b] {
flex-basis: 80px;
width: 80px;
height: 64px;
}
.image-attachment[data-v-77cd676b],
.preview-actions[data-v-77cd676b] {
gap: 8px;
}
}