fix(dashboard): Sortierbuttons in der Mobile-Ansicht besser ausrichten
Die Sortiersteuerung nutzt auf schmalen Viewports eine horizontale Zeile mit gleichmäßig verteilten Touch-Zielen. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+25
-2
@@ -2456,12 +2456,35 @@ html.scheme-dark .themed-select-option.is-selected {
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dashboard-sort-bar {
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard-sort-label {
|
||||||
|
flex-shrink: 0;
|
||||||
|
min-width: 4.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
.dashboard-sort-row {
|
.dashboard-sort-row {
|
||||||
flex-direction: column;
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-sort-group {
|
.dashboard-sort-group {
|
||||||
flex: 1 1 100%;
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard-sort-btn {
|
||||||
|
flex: 1;
|
||||||
|
width: auto;
|
||||||
|
min-width: 44px;
|
||||||
|
height: 44px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logbooks-grid {
|
.logbooks-grid {
|
||||||
|
|||||||
Reference in New Issue
Block a user