web/ProcessingQueueItem: mobile css fixes

This commit is contained in:
wukko 2025-01-31 23:06:17 +06:00
parent 00d376d4ac
commit ef08633bdb
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
2 changed files with 12 additions and 2 deletions

View File

@ -125,6 +125,8 @@
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.header-buttons {
@ -157,7 +159,7 @@
flex-direction: column;
max-height: 65vh;
overflow: scroll;
overflow-y: scroll;
}
@media screen and (max-width: 535px) {

View File

@ -111,9 +111,10 @@
.file-actions {
display: flex;
flex-direction: row;
justify-content: center;
justify-content: flex-start;
align-items: center;
position: relative;
overflow: hidden;
}
.processing-item {
@ -209,6 +210,13 @@
}
}
/* TODO: fix this shitty workaround */
@media(hover: none) {
.processing-info {
width: calc(100% - 80px);
}
}
.action-button {
padding: 8px;
height: auto;