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

fix(ai-assist): prevent double border and gap shift on AI generate button hover (#8517)

Browse Source
This commit is contained in:
ravindra-bruno
2026-07-08 18:48:24 +05:30
committed by GitHub
parent 7a1ea5e381
commit 4dadd6c69f
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/bruno-app/src/components/AIAssist/StyledWrapper.js
View File

@@ -5,6 +5,9 @@ const StyledWrapper = styled.div`
top: 6px;
right: 6px;
z-index: 10;
background: ${(props) => props.theme.bg};
border: 1px solid ${(props) => props.theme.input.border};
border-radius: ${(props) => props.theme.border.radius.sm};
.ai-assist-trigger {
display: inline-flex;
@@ -13,11 +16,11 @@ const StyledWrapper = styled.div`
width: 24px;
height: 24px;
border-radius: ${(props) => props.theme.border.radius.sm};
border: 1px solid transparent;
border: none;
background: transparent;
color: ${(props) => props.theme.colors.text.muted};
cursor: pointer;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease;
opacity: 0.7;
&:hover,
@@ -25,7 +28,6 @@ const StyledWrapper = styled.div`
opacity: 1;
color: ${(props) => props.theme.colors.accent};
background: ${(props) => props.theme.colors.accent}10;
border-color: ${(props) => props.theme.input.border};
}
&:focus-visible {