From 902adb6919242fa5ba92e23802a7dd8499b1d55f Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Fri, 15 Aug 2025 18:29:54 +0000 Subject: [PATCH] fix(explore-logs): Stack FilterBarContainer on mobile (PageFilterBar, search, submit) and make filters full-width; row layout from md+ --- static/app/views/explore/logs/styles.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/static/app/views/explore/logs/styles.tsx b/static/app/views/explore/logs/styles.tsx index f164bb49c20f7f..795f5dcbea03b5 100644 --- a/static/app/views/explore/logs/styles.tsx +++ b/static/app/views/explore/logs/styles.tsx @@ -225,8 +225,14 @@ export const LogsTableBodyFirstCell = styled(LogTableBodyCell)` export const FilterBarContainer = styled('div')` display: flex; + flex-direction: column; gap: ${space(1)}; margin-bottom: ${space(1)}; + + @media (min-width: ${p => p.theme.breakpoints.md}) { + flex-direction: row; + align-items: center; + } `; export const TableActionsContainer = styled('div')` @@ -255,7 +261,11 @@ export const LogsGraphContainer = styled(LogsItemContainer)` `; export const StyledPageFilterBar = styled(PageFilterBar)` - width: auto; + width: 100%; + + @media (min-width: ${p => p.theme.breakpoints.md}) { + width: auto; + } `; export const AutoRefreshLabel = styled('label')`