Reduce session title action spacing
This commit is contained in:
@@ -479,6 +479,11 @@ const ClawSessionList: FC = () => {
|
|||||||
const active = activeSessionId === session.session_id;
|
const active = activeSessionId === session.session_id;
|
||||||
const loading = loadingSessionId === session.session_id;
|
const loading = loadingSessionId === session.session_id;
|
||||||
const badge = sessionBadges.bySessionId.get(session.session_id);
|
const badge = sessionBadges.bySessionId.get(session.session_id);
|
||||||
|
const actionPinned =
|
||||||
|
badge?.running === true ||
|
||||||
|
badge?.unread === true ||
|
||||||
|
deletingSessionId === session.session_id ||
|
||||||
|
openMenuSessionId === session.session_id;
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={`claw-session-${session.session_id}-${session.modified_at}`}
|
key={`claw-session-${session.session_id}-${session.modified_at}`}
|
||||||
@@ -515,7 +520,9 @@ const ClawSessionList: FC = () => {
|
|||||||
) : (
|
) : (
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="aui-thread-list-item-trigger flex h-full min-w-0 flex-1 items-center overflow-hidden px-3 text-start text-sm"
|
className={`aui-thread-list-item-trigger flex h-full min-w-0 flex-1 items-center overflow-hidden pl-3 text-start text-sm ${
|
||||||
|
actionPinned ? "pr-7" : "pr-2"
|
||||||
|
}`}
|
||||||
onClick={async () => {
|
onClick={async () => {
|
||||||
console.log("[session-list] click", {
|
console.log("[session-list] click", {
|
||||||
sessionId: session.session_id,
|
sessionId: session.session_id,
|
||||||
@@ -718,7 +725,7 @@ function SessionActionSlot({
|
|||||||
}) {
|
}) {
|
||||||
const hasBadge = running || unread;
|
const hasBadge = running || unread;
|
||||||
return (
|
return (
|
||||||
<div className="relative mr-2 flex size-7 shrink-0 items-center justify-center">
|
<div className="absolute top-1/2 right-1 z-10 flex size-6 -translate-y-1/2 items-center justify-center">
|
||||||
<span
|
<span
|
||||||
aria-hidden={!hasBadge}
|
aria-hidden={!hasBadge}
|
||||||
className="pointer-events-none absolute inset-0 flex items-center justify-center text-muted-foreground transition-opacity group-hover:opacity-0 data-[hidden=true]:opacity-0 data-[open=true]:opacity-0"
|
className="pointer-events-none absolute inset-0 flex items-center justify-center text-muted-foreground transition-opacity group-hover:opacity-0 data-[hidden=true]:opacity-0 data-[open=true]:opacity-0"
|
||||||
|
|||||||
Reference in New Issue
Block a user