dirtydishes/islandflow
1
0
Fork 0
Code Issues 2 Pull requests 4 Projects Releases Packages Wiki Activity Actions

Move tape filters into page actions

Browse source 
- Remove legacy per-pane load older controls
- Reposition tape filter controls into the route actions area
- Tidy top bar layout and live fetch URL building
This commit is contained in:
dirtydishes 2026-05-04 14:06:31 -04:00
parent c0219233d3
commit 8ff62cc4f9
2 changed files with 16 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

42
apps/web/app/globals.css
View file

@ -168,6 +168,7 @@ input {
z-index: 20;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
padding: 10px 20px;
background: rgba(7, 10, 14, 0.92);
@ -210,18 +211,20 @@ input {
.terminal-topbar-actions {
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-end;
gap: 12px;
min-width: 0;
width: 100%;
width: auto;
margin-left: auto;
}
.terminal-topbar-controls {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
min-width: 0;
flex: 1 1 auto;
flex: 0 1 auto;
}
.terminal-topbar-mode {
@ -237,7 +240,7 @@ input {
flex-direction: column;
gap: 4px;
min-width: clamp(220px, 24vw, 360px);
flex: 1 1 clamp(220px, 24vw, 360px);
flex: 0 1 clamp(220px, 24vw, 360px);
}
.terminal-filter-label {
@ -810,30 +813,6 @@ h3 {
white-space: nowrap;
}
.load-older {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
gap: 10px;
padding: 4px 0 0;
font-size: 0.76rem;
color: var(--muted);
}
.load-older button {
min-width: 112px;
white-space: nowrap;
}
.load-older span {
max-width: 260px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--danger);
}
.missed-count {
width: 86px;
font-size: 0.72rem;
@ -1585,15 +1564,18 @@ h3 {
.terminal-topbar {
position: static;
align-items: center;
justify-content: flex-end;
padding: 10px 16px;
}
.terminal-topbar-actions {
justify-content: space-between;
justify-content: flex-end;
margin-left: auto;
width: auto;
}
.terminal-topbar-controls {
flex: 1 1 auto;
flex: 0 1 auto;
}
.flow-filter-popover-panel {