Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-05-06 00:34:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/ProcessingQueueItem: mobile css fixes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/queue/ProcessingQueue.svelte
View File

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

10
web/src/components/queue/ProcessingQueueItem.svelte
View File

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