starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-10 11:13:48 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Even better focus state

Browse Source
This commit is contained in:
Gregory Schier
2023-11-02 22:23:21 -07:00
parent a666f7d216
commit 658aed8a29
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src-web/components/EnvironmentEditDialog.tsx
View File

@@ -51,7 +51,7 @@ export const EnvironmentEditDialog = function ({ initialEnvironment }: Props) {
)} )}
> >
{showSidebar && ( {showSidebar && (
<aside className="grid grid-rows-[minmax(0,1fr)_auto] gap-y-0.5 h-full max-w-[250px] pr-4 border-r border-gray-100"> <aside className="grid grid-rows-[minmax(0,1fr)_auto] gap-y-0.5 h-full max-w-[250px] pr-3 border-r border-gray-100 -ml-2">
<div className="min-w-0 h-full w-full overflow-y-scroll"> <div className="min-w-0 h-full w-full overflow-y-scroll">
<SidebarButton <SidebarButton
active={selectedEnvironmentId == null} active={selectedEnvironmentId == null}
@@ -65,7 +65,6 @@ export const EnvironmentEditDialog = function ({ initialEnvironment }: Props) {
key={e.id} key={e.id}
active={selectedEnvironmentId === e.id} active={selectedEnvironmentId === e.id}
onClick={() => setSelectedEnvironmentId(e.id)} onClick={() => setSelectedEnvironmentId(e.id)}
className="pl-2"
> >
{e.name} {e.name}
</SidebarButton> </SidebarButton>
@@ -224,11 +223,12 @@ function SidebarButton({
}) { }) {
return ( return (
<button <button
tabIndex={active ? 0 : -1}
onClick={onClick} onClick={onClick}
className={classNames( className={classNames(
className, className,
'flex text-sm text-left w-full mb-1 h-xs', 'flex items-center text-sm text-left w-full mb-1 h-xs rounded px-2',
'text-gray-600 hocus:text-gray-800 focus:outline-none', 'text-gray-600 hocus:text-gray-800 focus:bg-highlightSecondary outline-none',
active && '!text-gray-900', active && '!text-gray-900',
)} )}
> >