From aab99ce8401487c61dada418d5a06bd8209bf10f Mon Sep 17 00:00:00 2001 From: leocs2417 Date: Fri, 9 Jan 2026 15:30:40 +0800 Subject: [PATCH 1/4] Optimize main header style --- site/src/pages/Header/ScanHeight.jsx | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/site/src/pages/Header/ScanHeight.jsx b/site/src/pages/Header/ScanHeight.jsx index 5918e70ff..b4b5493e6 100644 --- a/site/src/pages/Header/ScanHeight.jsx +++ b/site/src/pages/Header/ScanHeight.jsx @@ -25,9 +25,7 @@ const Wrapper = styled.div` background-color: var(--neutral100); border: 1px solid var(--neutral400); border-radius: 4px; - min-width: 200px; @media screen and (max-width: 600px) { - min-width: 65px; position: static; } :hover { @@ -43,7 +41,6 @@ const Wrapper = styled.div` const ScanHeightWrapper = styled.div` display: flex; align-items: center; - flex: 1 1 auto; height: 32px; padding: 4px 8px; padding-right: 0; @@ -51,7 +48,7 @@ const ScanHeightWrapper = styled.div` div.blockHeight { padding-right: 8px; display: flex; - flex-grow: 1; + align-items: center; } `; @@ -94,9 +91,10 @@ const Button = styled.button` const SymbolWrapper = styled(Card)` position: absolute; padding: 4px 0; - left: 0; + right: 0; top: calc(100% + 8px); - width: 100%; + width: auto; + min-width: 200px; z-index: 999; @media screen and (max-width: 600px) { width: 100vw; From 643b97c7e5000103434dfe8a640bc7393e23fccc Mon Sep 17 00:00:00 2001 From: leocs2417 Date: Fri, 9 Jan 2026 15:37:48 +0800 Subject: [PATCH 2/4] Optimize main header style --- site/src/pages/Header/ScanHeight.jsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/site/src/pages/Header/ScanHeight.jsx b/site/src/pages/Header/ScanHeight.jsx index b4b5493e6..7a61b82df 100644 --- a/site/src/pages/Header/ScanHeight.jsx +++ b/site/src/pages/Header/ScanHeight.jsx @@ -162,9 +162,10 @@ const NodeButton = styled.button` const NodeItemWrapper = styled(Card)` position: absolute; padding: 4px 0; - left: 0; + right: 0; top: calc(100% + 8px); - width: 100%; + width: auto; + min-width: 220px; z-index: 999; @media screen and (max-width: 600px) { width: 100vw; From e32d22422fdd4939d47b6e6c07d4103c4ee24c4a Mon Sep 17 00:00:00 2001 From: leocs2417 Date: Fri, 9 Jan 2026 15:42:07 +0800 Subject: [PATCH 3/4] Optimize main header style --- site/src/pages/Header/ScanHeight.jsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/site/src/pages/Header/ScanHeight.jsx b/site/src/pages/Header/ScanHeight.jsx index 7a61b82df..3eb9f97ab 100644 --- a/site/src/pages/Header/ScanHeight.jsx +++ b/site/src/pages/Header/ScanHeight.jsx @@ -165,7 +165,7 @@ const NodeItemWrapper = styled(Card)` right: 0; top: calc(100% + 8px); width: auto; - min-width: 220px; + min-width: 200px; z-index: 999; @media screen and (max-width: 600px) { width: 100vw; @@ -184,6 +184,7 @@ const NodeItem = styled.div` font-size: 13px; line-height: 18px; color: var(--textPrimary); + white-space: nowrap; :hover { background: var(--neutral300); } From 1483ab718dba43eabc4bf44546f17ad82712cee8 Mon Sep 17 00:00:00 2001 From: leocs2417 Date: Fri, 9 Jan 2026 15:43:46 +0800 Subject: [PATCH 4/4] Optimize main header style --- site/src/pages/Header/ScanHeight.jsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/site/src/pages/Header/ScanHeight.jsx b/site/src/pages/Header/ScanHeight.jsx index 3eb9f97ab..11ddf8636 100644 --- a/site/src/pages/Header/ScanHeight.jsx +++ b/site/src/pages/Header/ScanHeight.jsx @@ -199,6 +199,7 @@ const NodeItem = styled.div` p.delay >= 0 && css` > .delay { + margin-left: 4px; color: var(--green500); } `} @@ -208,6 +209,7 @@ const NodeItem = styled.div` p.delay >= 100 && css` > .delay { + margin-left: 4px; color: var(--yellow500); } `} @@ -217,6 +219,7 @@ const NodeItem = styled.div` p.delay >= 300 && css` > .delay { + margin-left: 4px; color: var(--red500); } `}