mirror of
https://github.com/usebruno/bruno.git
synced 2026-06-15 11:51:30 +00:00
fixes
This commit is contained in:
@@ -175,7 +175,7 @@ export default function RunnerResults({ collection }) {
|
||||
}
|
||||
|
||||
return (
|
||||
<StyledWrapper className="px-4 pb-4 flex flex-grow flex-col relative">
|
||||
<StyledWrapper className="px-4 pb-4 flex flex-grow flex-col relative overflow-scroll">
|
||||
<div className="flex flex-row">
|
||||
<div className="font-medium my-6 title flex items-center">
|
||||
Runner
|
||||
@@ -187,7 +187,7 @@ export default function RunnerResults({ collection }) {
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex flex-row gap-4 h-[calc(100vh_-_12rem)] max-h-[calc(100vh_-_12rem)]">
|
||||
<div className="flex flex-row gap-4">
|
||||
<div
|
||||
className="flex flex-col flex-1 overflow-y-auto w-full"
|
||||
ref={runnerBodyRef}
|
||||
|
||||
@@ -8,7 +8,7 @@ const StyledWrapper = styled.div`
|
||||
padding: 0 16px;
|
||||
height: 22px;
|
||||
background: ${(props) => props.theme.sidebar.bg};
|
||||
border-top: 1px solid ${(props) => props.theme.sidebar.dragbar};
|
||||
border-top: 1px solid ${(props) => props.theme.statusBar.border};
|
||||
color: ${(props) => props.theme.sidebar.color};
|
||||
font-size: 12px;
|
||||
user-select: none;
|
||||
|
||||
@@ -59,33 +59,35 @@ const StatusBar = () => {
|
||||
<div className="status-bar">
|
||||
<div className="status-bar-section">
|
||||
<div className="status-bar-group">
|
||||
<button
|
||||
className="status-bar-button"
|
||||
data-trigger="preferences"
|
||||
onClick={() => dispatch(showPreferences(true))}
|
||||
tabIndex={0}
|
||||
aria-label="Open Preferences"
|
||||
>
|
||||
<ToolHint text="Preferences" toolhintId="Preferences" place="top-start" offset={10}>
|
||||
<ToolHint text="Preferences" toolhintId="Preferences" place="top-start" offset={10}>
|
||||
<button
|
||||
className="status-bar-button"
|
||||
data-trigger="preferences"
|
||||
onClick={() => dispatch(showPreferences(true))}
|
||||
tabIndex={0}
|
||||
aria-label="Open Preferences"
|
||||
>
|
||||
<IconSettings size={16} strokeWidth={1.5} aria-hidden="true" />
|
||||
</ToolHint>
|
||||
</button>
|
||||
</button>
|
||||
</ToolHint>
|
||||
|
||||
<button
|
||||
className="status-bar-button"
|
||||
data-trigger="cookies"
|
||||
onClick={() => setCookiesOpen(true)}
|
||||
tabIndex={0}
|
||||
aria-label="Open Cookies Settings"
|
||||
>
|
||||
<ToolHint text="Cookies" toolhintId="Cookies" place="top" offset={10}>
|
||||
<ToolHint text="Cookies" toolhintId="Cookies" place="top" offset={10}>
|
||||
<button
|
||||
className="status-bar-button"
|
||||
data-trigger="cookies"
|
||||
onClick={() => setCookiesOpen(true)}
|
||||
tabIndex={0}
|
||||
aria-label="Open Cookies Settings"
|
||||
>
|
||||
<IconCookie size={16} strokeWidth={1.5} aria-hidden="true" />
|
||||
</ToolHint>
|
||||
</button>
|
||||
</button>
|
||||
</ToolHint>
|
||||
|
||||
<div className="status-bar-button">
|
||||
<Notifications />
|
||||
</div>
|
||||
<ToolHint text="Notifications" toolhintId="Notifications" place="top" offset={10}>
|
||||
<div className="status-bar-button">
|
||||
<Notifications />
|
||||
</div>
|
||||
</ToolHint>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -93,12 +95,11 @@ const StatusBar = () => {
|
||||
<div className="status-bar-group">
|
||||
<button
|
||||
className={`status-bar-button ${errorCount > 0 ? 'has-errors' : ''}`}
|
||||
data-trigger="console"
|
||||
data-trigger="dev-tools"
|
||||
onClick={handleConsoleClick}
|
||||
tabIndex={0}
|
||||
aria-label={`Open Console${errorCount > 0 ? ` (${errorCount} errors)` : ''}`}
|
||||
aria-label={`Open Dev Tools${errorCount > 0 ? ` (${errorCount} errors)` : ''}`}
|
||||
>
|
||||
<ToolHint text={`Console${errorCount > 0 ? ` (${errorCount} errors)` : ''}`} toolhintId="Console" place="top" offset={10}>
|
||||
<div className="console-button-content">
|
||||
<IconTool size={16} strokeWidth={1.5} aria-hidden="true" />
|
||||
<span className="console-label">Dev Tools</span>
|
||||
@@ -106,7 +107,6 @@ const StatusBar = () => {
|
||||
<span className="error-count-inline">{errorCount}</span>
|
||||
)}
|
||||
</div>
|
||||
</ToolHint>
|
||||
</button>
|
||||
|
||||
<div className="status-bar-divider"></div>
|
||||
|
||||
@@ -297,6 +297,9 @@ const darkTheme = {
|
||||
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.5)'
|
||||
},
|
||||
|
||||
statusBar: {
|
||||
border: '#323233',
|
||||
},
|
||||
console: {
|
||||
bg: '#1e1e1e',
|
||||
headerBg: '#2d2d30',
|
||||
|
||||
@@ -298,6 +298,9 @@ const lightTheme = {
|
||||
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
|
||||
},
|
||||
|
||||
statusBar: {
|
||||
border: '#E9E9E9',
|
||||
},
|
||||
console: {
|
||||
bg: '#f8f9fa',
|
||||
headerBg: '#f8f9fa',
|
||||
|
||||
Reference in New Issue
Block a user