This commit is contained in:
naman-bruno
2025-07-15 16:44:39 +05:30
parent ab4dabf047
commit dca1ffa27e
5 changed files with 36 additions and 30 deletions

View File

@@ -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}

View File

@@ -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;

View File

@@ -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>

View File

@@ -297,6 +297,9 @@ const darkTheme = {
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.5)'
},
statusBar: {
border: '#323233',
},
console: {
bg: '#1e1e1e',
headerBg: '#2d2d30',

View File

@@ -298,6 +298,9 @@ const lightTheme = {
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
},
statusBar: {
border: '#E9E9E9',
},
console: {
bg: '#f8f9fa',
headerBg: '#f8f9fa',