Match app Prettier formatting
This commit is contained in:
@@ -7,13 +7,7 @@ import {
|
|||||||
RefreshCwIcon,
|
RefreshCwIcon,
|
||||||
TrashIcon,
|
TrashIcon,
|
||||||
} from '@modrinth/assets'
|
} from '@modrinth/assets'
|
||||||
import {
|
import { Button, Card, injectNotificationManager, ProgressSpinner, Toggle } from '@modrinth/ui'
|
||||||
Button,
|
|
||||||
Card,
|
|
||||||
injectNotificationManager,
|
|
||||||
ProgressSpinner,
|
|
||||||
Toggle,
|
|
||||||
} from '@modrinth/ui'
|
|
||||||
import { computed, onMounted, ref } from 'vue'
|
import { computed, onMounted, ref } from 'vue'
|
||||||
|
|
||||||
import type { ConnectedPack } from '@/helpers/connected-library'
|
import type { ConnectedPack } from '@/helpers/connected-library'
|
||||||
@@ -123,11 +117,7 @@ onMounted(refresh)
|
|||||||
@keydown.enter="connect"
|
@keydown.enter="connect"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button color="primary" :disabled="connecting || !sourceUrl.trim()" @click="connect">
|
||||||
color="primary"
|
|
||||||
:disabled="connecting || !sourceUrl.trim()"
|
|
||||||
@click="connect"
|
|
||||||
>
|
|
||||||
<ProgressSpinner v-if="connecting" />
|
<ProgressSpinner v-if="connecting" />
|
||||||
<PlugIcon v-else />
|
<PlugIcon v-else />
|
||||||
Connect modpack
|
Connect modpack
|
||||||
@@ -144,20 +134,14 @@ onMounted(refresh)
|
|||||||
<div class="pack-main">
|
<div class="pack-main">
|
||||||
<div class="pack-title">
|
<div class="pack-title">
|
||||||
<h2>{{ pack.name }}</h2>
|
<h2>{{ pack.name }}</h2>
|
||||||
<span v-if="pack.updateAvailable" class="status update">
|
<span v-if="pack.updateAvailable" class="status update"> Update available </span>
|
||||||
Update available
|
<span v-else-if="pack.profilePath" class="status current">Current</span>
|
||||||
</span>
|
|
||||||
<span v-else-if="pack.profilePath" class="status current"
|
|
||||||
>Current</span
|
|
||||||
>
|
|
||||||
<span v-else class="status">Not installed</span>
|
<span v-else class="status">Not installed</span>
|
||||||
</div>
|
</div>
|
||||||
<p v-if="pack.changelog">{{ pack.changelog }}</p>
|
<p v-if="pack.changelog">{{ pack.changelog }}</p>
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
<span>Latest {{ pack.version }}</span>
|
<span>Latest {{ pack.version }}</span>
|
||||||
<span v-if="pack.installedVersionId">
|
<span v-if="pack.installedVersionId"> Installed {{ pack.installedVersionId }} </span>
|
||||||
Installed {{ pack.installedVersionId }}
|
|
||||||
</span>
|
|
||||||
<span v-if="pack.lastChecked">
|
<span v-if="pack.lastChecked">
|
||||||
Checked {{ new Date(pack.lastChecked).toLocaleString() }}
|
Checked {{ new Date(pack.lastChecked).toLocaleString() }}
|
||||||
</span>
|
</span>
|
||||||
@@ -197,10 +181,7 @@ onMounted(refresh)
|
|||||||
<div v-else class="empty">
|
<div v-else class="empty">
|
||||||
<GitGraphIcon />
|
<GitGraphIcon />
|
||||||
<h2>No connected modpacks</h2>
|
<h2>No connected modpacks</h2>
|
||||||
<p>
|
<p>Add a public Git repository or raw manifest URL to track exported .mrpack releases.</p>
|
||||||
Add a public Git repository or raw manifest URL to track exported
|
|
||||||
.mrpack releases.
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user