Skip to content

Commit 893cd26

Browse files
committed
fix(AddGame): add missing exe path in ui
1 parent 1ebf1ab commit 893cd26

2 files changed

Lines changed: 73 additions & 2 deletions

File tree

src/lib/components/home/AddManualGame.svelte

Lines changed: 36 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,15 @@
154154
</InfoNote>
155155

156156
<div class="form-handler">
157-
<button onclick={handlePickFile}>Select Game Executable</button>
157+
<div class="exe-selector">
158+
{#if exe_path}
159+
<div class="selected-exe-path">
160+
<i class="fa-regular fa-file-code"></i>
161+
<span title={exe_path}>{exe_path}</span>
162+
</div>
163+
{/if}
164+
<button onclick={handlePickFile}>Select Game Executable</button>
165+
</div>
158166
<button disabled={loading} class="save-button" onclick={saveManualGame}>
159167
{#if loading}
160168
Saving...
@@ -269,4 +277,31 @@
269277
) !important;
270278
}
271279
}
280+
281+
.exe-selector {
282+
display: flex;
283+
flex-direction: column;
284+
gap: 0.4rem;
285+
}
286+
287+
.selected-exe-path {
288+
display: flex;
289+
align-items: center;
290+
gap: 0.4rem;
291+
padding: 0 0.25rem;
292+
color: var(--secondary-text);
293+
font-size: 13px;
294+
}
295+
296+
.selected-exe-path span {
297+
white-space: nowrap;
298+
overflow: hidden;
299+
text-overflow: ellipsis;
300+
direction: ltr;
301+
}
302+
303+
.selected-exe-path i {
304+
font-size: 14px;
305+
opacity: 0.8;
306+
}
272307
</style>

src/lib/components/home/AddVndbGame.svelte

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -167,7 +167,16 @@
167167
</InfoNote>
168168

169169
<div class="form-handler">
170-
<button onclick={handlePickFile}>Select Game Executable</button>
170+
<div class="exe-selector">
171+
{#if exe_path}
172+
<div class="selected-exe-path">
173+
<i class="fa-regular fa-file-code"></i>
174+
<span title={exe_path}>{exe_path}</span>
175+
</div>
176+
{/if}
177+
<button onclick={handlePickFile}>Select Game Executable</button>
178+
</div>
179+
171180
<button disabled={loading} class="save-button" onclick={saveVndbGame}>
172181
{#if loading}
173182
Saving...
@@ -434,6 +443,33 @@
434443
margin-top: 1rem;
435444
}
436445
446+
.exe-selector {
447+
display: flex;
448+
flex-direction: column;
449+
gap: 0.4rem;
450+
}
451+
452+
.selected-exe-path {
453+
display: flex;
454+
align-items: center;
455+
gap: 0.4rem;
456+
padding: 0 0.25rem;
457+
color: var(--secondary-text);
458+
font-size: 13px;
459+
}
460+
461+
.selected-exe-path span {
462+
white-space: nowrap;
463+
overflow: hidden;
464+
text-overflow: ellipsis;
465+
direction: ltr;
466+
}
467+
468+
.selected-exe-path i {
469+
font-size: 14px;
470+
opacity: 0.8;
471+
}
472+
437473
button {
438474
border: 0;
439475
background-color: var(--accent);

0 commit comments

Comments
 (0)