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

10
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>
<Show when={!showInstanceInfoOverlay()}>
<button type="button" class="button-tertiary mt-4 lg:hidden" onClick={openInstanceInfoOverlay}> <button type="button" class="button-tertiary mt-4 lg:hidden" onClick={openInstanceInfoOverlay}>
View Instance Info View Instance Info
</button> </button>
</Show>
</div> </div>
} }
> >
@@ -230,6 +232,7 @@ 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>
<Show when={!showInstanceInfoOverlay()}>
<button <button
type="button" type="button"
class="button-tertiary lg:hidden flex-shrink-0" class="button-tertiary lg:hidden flex-shrink-0"
@@ -237,6 +240,7 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
> >
View Instance Info View Instance Info
</button> </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,9 +338,10 @@ 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 class="flex min-h-full items-start justify-center p-4 overflow-y-auto">
<div <div
class="w-full max-w-md space-y-3" class="w-full max-w-md space-y-3"
onClick={(event) => event.stopPropagation()} onClick={(event) => event.stopPropagation()}
@@ -346,11 +351,12 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
Close Close
</button> </button>
</div> </div>
<div class="max-h-[80vh] overflow-y-auto pr-1"> <div class="max-h-[85vh] overflow-y-auto pr-1">
<InstanceInfo instance={props.instance} /> <InstanceInfo instance={props.instance} />
</div> </div>
</div> </div>
</div> </div>
</div>
</Show> </Show>
<div class="panel-footer hidden sm:block"> <div class="panel-footer hidden sm:block">