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

feat: improved ux for filepath display

Browse Source
This commit is contained in:
Anoop M D
2025-03-14 23:11:33 +05:30
parent 9bde3c44f7
commit 1f8a10d1df
3 changed files with 45 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/bruno-app/src/components/PathDisplay/StyledWrapper.js
View File

@@ -5,16 +5,32 @@ const StyledWrapper = styled.div`
background: ${(props) => props.theme.requestTabPanel.url.bg};
border-radius: 4px;
padding: 8px 12px;
.filename {
color: ${(props) => props.theme.brand};
font-weight: 500;
min-height: 1.25rem;
font-size: 0.8125rem;
border: 1px solid rgba(0, 0, 0, 0.08);
.icon-column {
padding-right: 8px;
align-items: flex-start;
padding-top: 2px;
}
.file-extension {
.path-container {
flex-wrap: wrap;
}
.path-segment {
white-space: nowrap;
}
.filename, .file-extension {
color: ${(props) => props.theme.colors.text.yellow};
}
.separator {
color: ${(props) => props.theme.text};
opacity: 0.5;
opacity: 0.6;
margin: 0 1px;
}
}
`;