File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 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...
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 >
Original file line number Diff line number Diff line change 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...
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 );
You can’t perform that action at this time.
0 commit comments