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

Tweak

Browse Source
This commit is contained in:
Gregory Schier
2025-06-07 19:37:28 -07:00
parent 423a1a0a52
commit 67026fc5b3
1 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src-web/components/Workspace.tsx
View File

@@ -4,14 +4,8 @@ import { useAtomValue } from 'jotai';
import * as m from 'motion/react-m'; import * as m from 'motion/react-m';
import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react'; import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
import { useCallback, useMemo, useRef, useState } from 'react'; import { useCallback, useMemo, useRef, useState } from 'react';
import { import { useEnsureActiveCookieJar, useSubscribeActiveCookieJarId } from '../hooks/useActiveCookieJar';
useEnsureActiveCookieJar, import { activeEnvironmentAtom, useSubscribeActiveEnvironmentId } from '../hooks/useActiveEnvironment';
useSubscribeActiveCookieJarId,
} from '../hooks/useActiveCookieJar';
import {
activeEnvironmentAtom,
useSubscribeActiveEnvironmentId,
} from '../hooks/useActiveEnvironment';
import { activeRequestAtom } from '../hooks/useActiveRequest'; import { activeRequestAtom } from '../hooks/useActiveRequest';
import { useSubscribeActiveRequestId } from '../hooks/useActiveRequestId'; import { useSubscribeActiveRequestId } from '../hooks/useActiveRequestId';
import { activeWorkspaceAtom } from '../hooks/useActiveWorkspace'; import { activeWorkspaceAtom } from '../hooks/useActiveWorkspace';
@@ -121,7 +115,7 @@ export function Workspace() {
[sideWidth, floating], [sideWidth, floating],
); );
const environmentBg = useMemo(() => { const environmentBgStyle = useMemo(() => {
if (activeEnvironment?.color == null) return undefined; if (activeEnvironment?.color == null) return undefined;
const background = `linear-gradient(to right, ${activeEnvironment.color} 15%, transparent 40%)`; const background = `linear-gradient(to right, ${activeEnvironment.color} 15%, transparent 40%)`;
return { background }; return { background };
@@ -190,11 +184,11 @@ export function Workspace() {
> >
<div className="absolute inset-0 pointer-events-none"> <div className="absolute inset-0 pointer-events-none">
<div // Add subtle background <div // Add subtle background
style={environmentBg} style={environmentBgStyle}
className="absolute inset-0 opacity-5" className="absolute inset-0 opacity-5"
/> />
<div // Add subtle border bottom <div // Add subtle border bottom
style={environmentBg} style={environmentBgStyle}
className="absolute left-0 right-0 bottom-0 h-[0.5px] opacity-20" className="absolute left-0 right-0 bottom-0 h-[0.5px] opacity-20"
/> />
</div> </div>