eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix vite table warning (#3024)

Browse Source 
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
This commit is contained in:
Prospector
2024-12-14 18:46:02 -08:00
committed by GitHub
parent ac25a36bce
commit 284f156e9f
1 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
apps/app-frontend/src/components/ui/install_flow/IncompatibilityWarningModal.vue
View File

@@ -7,37 +7,41 @@
installed. installed.
</p> </p>
<table> <table>
<tr class="header"> <thead>
<th>{{ instance?.name }}</th> <tr class="header">
<th>{{ project.title }}</th> <th>{{ instance?.name }}</th>
</tr> <th>{{ project.title }}</th>
<tr class="content"> </tr>
<td class="data">{{ instance?.loader }} {{ instance?.game_version }}</td> </thead>
<td> <tbody>
<DropdownSelect <tr class="content">
v-if="versions?.length > 1" <td class="data">{{ instance?.loader }} {{ instance?.game_version }}</td>
v-model="selectedVersion" <td>
:options="versions" <DropdownSelect
placeholder="Select version" v-if="versions?.length > 1"
name="Version select" v-model="selectedVersion"
:display-name=" :options="versions"
(version) => placeholder="Select version"
`${version?.name} (${version?.loaders name="Version select"
.map((name) => formatCategory(name)) :display-name="
.join(', ')} - ${version?.game_versions.join(', ')})` (version) =>
" `${version?.name} (${version?.loaders
render-up .map((name) => formatCategory(name))
/> .join(', ')} - ${version?.game_versions.join(', ')})`
<span v-else> "
<span> render-up
{{ selectedVersion?.name }} ({{ />
selectedVersion?.loaders.map((name) => formatCategory(name)).join(', ') <span v-else>
}} <span>
- {{ selectedVersion?.game_versions.join(', ') }}) {{ selectedVersion?.name }} ({{
selectedVersion?.loaders.map((name) => formatCategory(name)).join(', ')
}}
- {{ selectedVersion?.game_versions.join(', ') }})
</span>
</span> </span>
</span> </td>
</td> </tr>
</tr> </tbody>
</table> </table>
<div class="button-group"> <div class="button-group">
<Button @click="() => incompatibleModal.hide()"><XIcon />Cancel</Button> <Button @click="() => incompatibleModal.hide()"><XIcon />Cancel</Button>