salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show view instance button only on small screen

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-03 16:41:45 +00:00
parent 58efb8bc3e
commit cfbd0bdffa
1 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
packages/ui/src/components/instance-welcome-view.tsx
View File

@@ -215,9 +215,11 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
</div> </div>
<p class="panel-empty-state-title">No Previous Sessions</p> <p class="panel-empty-state-title">No Previous Sessions</p>
<p class="panel-empty-state-description">Create a new session below to get started</p> <p class="panel-empty-state-description">Create a new session below to get started</p>
<button type="button" class="button-tertiary mt-4 lg:hidden" onClick={openInstanceInfoOverlay}> <Show when={!showInstanceInfoOverlay()}>
View Instance Info <button type="button" class="button-tertiary mt-4 lg:hidden" onClick={openInstanceInfoOverlay}>
</button> View Instance Info
</button>
</Show>
</div> </div>
} }
> >
@@ -230,13 +232,15 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
{parentSessions().length} {parentSessions().length === 1 ? "session" : "sessions"} available {parentSessions().length} {parentSessions().length === 1 ? "session" : "sessions"} available
</p> </p>
</div> </div>
<button <Show when={!showInstanceInfoOverlay()}>
type="button" <button
class="button-tertiary lg:hidden flex-shrink-0" type="button"
onClick={openInstanceInfoOverlay} class="button-tertiary lg:hidden flex-shrink-0"
> onClick={openInstanceInfoOverlay}
View Instance Info >
</button> View Instance Info
</button>
</Show>
</div> </div>
</div> </div>
<div class="panel-list panel-list--fill flex-1 min-h-0 overflow-auto"> <div class="panel-list panel-list--fill flex-1 min-h-0 overflow-auto">
@@ -334,20 +338,22 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
<Show when={showInstanceInfoOverlay()}> <Show when={showInstanceInfoOverlay()}>
<div <div
class="fixed inset-0 z-40 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm lg:hidden" class="fixed inset-0 z-40 bg-black/60 backdrop-blur-sm lg:hidden"
onClick={closeInstanceInfoOverlay} onClick={closeInstanceInfoOverlay}
> >
<div <div class="flex min-h-full items-start justify-center p-4 overflow-y-auto">
class="w-full max-w-md space-y-3" <div
onClick={(event) => event.stopPropagation()} class="w-full max-w-md space-y-3"
> onClick={(event) => event.stopPropagation()}
<div class="flex justify-end"> >
<button type="button" class="button-tertiary" onClick={closeInstanceInfoOverlay}> <div class="flex justify-end">
Close <button type="button" class="button-tertiary" onClick={closeInstanceInfoOverlay}>
</button> Close
</div> </button>
<div class="max-h-[80vh] overflow-y-auto pr-1"> </div>
<InstanceInfo instance={props.instance} /> <div class="max-h-[85vh] overflow-y-auto pr-1">
<InstanceInfo instance={props.instance} />
</div>
</div> </div>
</div> </div>
</div> </div>