fix: ensure full width highlighting for list items in sessions and folders

This commit is contained in:
Shantur Rathore
2025-10-28 21:42:39 +00:00
parent 70fe2cab01
commit 47852df9d7
4 changed files with 30 additions and 29 deletions

View File

@@ -179,14 +179,15 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
<div class="panel-list">
<For each={parentSessions()}>
{(session, index) => (
<div class="panel-list-item">
<div
class="panel-list-item w-full"
classList={{
"panel-list-item-highlight": focusMode() === "sessions" && selectedIndex() === index(),
}}
>
<button
data-session-index={index()}
class="panel-list-item-content group"
classList={{
"panel-list-item-highlight ring-accent-inset":
focusMode() === "sessions" && selectedIndex() === index(),
}}
class="panel-list-item-content group w-full"
onClick={() => handleSessionSelect(session.id)}
onMouseEnter={() => {
setFocusMode("sessions")