rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-28 15:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): limit dropdown width to 650px and fix alignment (#5781)

Browse Source
This commit is contained in:
Bijin A B
2025-10-14 12:05:48 +05:30
committed by GitHub
parent 3837a7612c
commit 6ab6e5ed57
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js
View File

@@ -23,6 +23,7 @@ const Wrapper = styled.div`
.env-text {
color: ${(props) => props.theme.dropdown.selectedColor};
font-size: 0.875rem;
display: block;
}
.env-separator {
@@ -47,7 +48,7 @@ const Wrapper = styled.div`
.tippy-box {
width: ${(props) => props.width}px;
min-width: 12rem;
max-width: 35vw !important;
max-width: 650px !important;
min-height: 15.5rem;
max-height: 75vh;
font-size: 0.8125rem;

4
packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js
View File

@@ -143,7 +143,7 @@ const EnvironmentSelector = ({ collection }) => {
delayShow={1000}
hidden={activeCollectionEnvironment.name?.length < 7}
>
<span className="env-text max-w-24 truncate overflow-hidden inline-block">{activeCollectionEnvironment.name}</span>
<span className="env-text max-w-24 truncate overflow-hidden">{activeCollectionEnvironment.name}</span>
</ToolHint>
</div>
{activeGlobalEnvironment && <span className="env-separator">|</span>}
@@ -159,7 +159,7 @@ const EnvironmentSelector = ({ collection }) => {
delayShow={1000}
hidden={activeGlobalEnvironment.name?.length < 7}
>
<span className="env-text max-w-24 truncate overflow-hidden inline-block">{activeGlobalEnvironment.name}</span>
<span className="env-text max-w-24 truncate overflow-hidden">{activeGlobalEnvironment.name}</span>
</ToolHint>
</div>
)}