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

fix(ai): align AI preference tab with theme styling (#8518)

Browse Source
This commit is contained in:
gopu-bruno
2026-07-07 17:32:58 +05:30
committed by GitHub
parent 4592d2c30e
commit 85e33c595a
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/bruno-app/src/components/Preferences/AI/StyledWrapper.js
View File

@@ -12,11 +12,10 @@ const StyledWrapper = styled.div`
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 12px;
padding: 6px 0px;
margin-right: ${(props) => props.theme.tabs.marginRight};
margin-bottom: -1px;
font-size: 12px;
font-weight: 500;
color: ${(props) => props.theme.colors.text.muted};
color: ${(props) => props.theme.colors.text.subtext0};
background: transparent;
border: none;
border-bottom: 2px solid transparent;
@@ -24,12 +23,13 @@ const StyledWrapper = styled.div`
transition: color 0.15s ease, border-color 0.15s ease;
&:hover:not(.active) {
color: ${(props) => props.theme.text};
color: ${(props) => props.theme.tabs.active.color};
}
&.active {
color: ${(props) => props.theme.text};
border-bottom-color: ${(props) => props.theme.colors.accent};
color: ${(props) => props.theme.tabs.active.color};
font-weight: ${(props) => props.theme.tabs.active.fontWeight};
border-bottom-color: ${(props) => props.theme.tabs.active.border};
}
svg {

2
packages/bruno-app/src/components/Preferences/AI/index.js
View File

@@ -289,7 +289,7 @@ const AI = () => {
<StyledWrapper className="w-full flex flex-col text-xs min-h-0 max-h-[calc(100%-30px)]">
<div className="section-header">AI</div>
<div className="ai-tabs flex items-center gap-1" role="tablist" aria-label="AI preferences">
<div className="ai-tabs flex items-center" role="tablist" aria-label="AI preferences">
<button
type="button"
role="tab"