aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/views
diff options
context:
space:
mode:
Diffstat (limited to 'src-vue/src/views')
-rw-r--r--src-vue/src/views/ChangelogView.vue10
-rw-r--r--src-vue/src/views/DeveloperView.vue12
-rw-r--r--src-vue/src/views/PlayView.vue3
-rw-r--r--src-vue/src/views/RepairView.vue2
-rw-r--r--src-vue/src/views/SettingsView.vue3
-rw-r--r--src-vue/src/views/mods/LocalModsView.vue2
-rw-r--r--src-vue/src/views/mods/ThunderstoreModsView.vue17
7 files changed, 29 insertions, 20 deletions
diff --git a/src-vue/src/views/ChangelogView.vue b/src-vue/src/views/ChangelogView.vue
index e68beded..7ab50903 100644
--- a/src-vue/src/views/ChangelogView.vue
+++ b/src-vue/src/views/ChangelogView.vue
@@ -11,10 +11,10 @@
:timestamp="formatDate(release.published_at)"
placement="top"
>
- <el-card>
- <h4>{{ release.name }}</h4>
- <p v-html="formatRelease(release.body)"></p>
- </el-card>
+ <el-card>
+ <h4>{{ release.name }}</h4>
+ <p v-html="formatRelease(release.body)"></p>
+ </el-card>
</el-timeline-item>
</el-timeline>
</el-scrollbar>
@@ -48,7 +48,7 @@ export default defineComponent({
// PR's links formatting
content = content.replaceAll(/\[(\S*)\#(\S+)\]\(([^)]+)\)/g, `<a target="_blank" href="$3">$1#$2</a>`);
- return marked.parse(content, {breaks: true});
+ return marked.parse(content, { breaks: true });
},
// Formats an ISO-formatted date into a human-readable string.
formatDate(timestamp: string): string {
diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue
index 77d43afc..ab3d2ba6 100644
--- a/src-vue/src/views/DeveloperView.vue
+++ b/src-vue/src/views/DeveloperView.vue
@@ -109,10 +109,10 @@ export default defineComponent({
},
data() {
return {
- mod_to_install_field_string : "",
- release_notes_text : "",
- first_tag: { label: '', value: {name: ''} },
- second_tag: { label: '', value: {name: ''} },
+ mod_to_install_field_string: "",
+ release_notes_text: "",
+ first_tag: { label: '', value: { name: '' } },
+ second_tag: { label: '', value: { name: '' } },
ns_release_tags: [] as TagWrapper[],
selected_project: "FlightCore",
project: [
@@ -201,7 +201,7 @@ export default defineComponent({
});
},
async getTags() {
- await invoke<TagWrapper[]>("get_list_of_tags", {project: this.selected_project})
+ await invoke<TagWrapper[]>("get_list_of_tags", { project: this.selected_project })
.then((message) => {
this.ns_release_tags = message;
showNotification("Done", "Fetched tags");
@@ -211,7 +211,7 @@ export default defineComponent({
});
},
async compareTags() {
- await invoke<string>("compare_tags", {project: this.selected_project, firstTag: this.firstTag.value, secondTag: this.secondTag.value})
+ await invoke<string>("compare_tags", { project: this.selected_project, firstTag: this.firstTag.value, secondTag: this.secondTag.value })
.then((message) => {
this.release_notes_text = message;
showNotification("Done", "Generated release notes");
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 76f4f328..ff97c320 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -90,7 +90,8 @@ export default defineComponent({
margin-top: 3px;
}
-.fc_northstar__version, .fc_changelog__link {
+.fc_northstar__version,
+.fc_changelog__link {
display: inline-block;
}
diff --git a/src-vue/src/views/RepairView.vue b/src-vue/src/views/RepairView.vue
index c11518d0..9b3543d4 100644
--- a/src-vue/src/views/RepairView.vue
+++ b/src-vue/src/views/RepairView.vue
@@ -126,7 +126,7 @@ export default defineComponent({
// Lang value is propagated to repair view after it's mounted, so we need to watch
// its value, and update window title accordingly.
lang(newv: string) {
- appWindow.setTitle( this.$t('settings.repair.window.title') );
+ appWindow.setTitle(this.$t('settings.repair.window.title'));
}
}
});
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index a8c539e8..2f2f5019 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -179,7 +179,8 @@ h3:first-of-type {
font-weight: unset;
}
-.el-input, .el-select {
+.el-input,
+.el-select {
width: 50%;
}
diff --git a/src-vue/src/views/mods/LocalModsView.vue b/src-vue/src/views/mods/LocalModsView.vue
index ad0e2fa6..00e1ff43 100644
--- a/src-vue/src/views/mods/LocalModsView.vue
+++ b/src-vue/src/views/mods/LocalModsView.vue
@@ -101,7 +101,7 @@ export default defineComponent({
await invoke("delete_northstar_mod", { gameInstall: game_install, nsmodName: mod.name })
.then((message) => {
// Just a visual indicator that it worked
- showNotification(this.$t('mods.local.success_deleting', {modName: mod.name}));
+ showNotification(this.$t('mods.local.success_deleting', { modName: mod.name }));
})
.catch((error) => {
showErrorNotification(error);
diff --git a/src-vue/src/views/mods/ThunderstoreModsView.vue b/src-vue/src/views/mods/ThunderstoreModsView.vue
index 5a7270df..410af5f3 100644
--- a/src-vue/src/views/mods/ThunderstoreModsView.vue
+++ b/src-vue/src/views/mods/ThunderstoreModsView.vue
@@ -54,7 +54,7 @@ import { ThunderstoreModVersion } from "../../../../src-tauri/bindings/Thunderst
export default defineComponent({
name: "ThunderstoreModsView",
- components: {ThunderstoreModCard},
+ components: { ThunderstoreModCard },
async mounted() {
this.$store.commit('fetchThunderstoreMods');
},
@@ -100,7 +100,7 @@ export default defineComponent({
// Sort mods regarding user selected algorithm.
let compare: (a: ThunderstoreMod, b: ThunderstoreMod) => number;
- switch(this.modSorting) {
+ switch (this.modSorting) {
case SortOptions.NAME_ASC:
compare = (a: ThunderstoreMod, b: ThunderstoreMod) => a.name.localeCompare(b.name);
break;
@@ -116,10 +116,10 @@ export default defineComponent({
case SortOptions.MOST_DOWNLOADED:
compare = (a: ThunderstoreMod, b: ThunderstoreMod) => {
const aTotal = a.versions.reduce((prev, next) => {
- return {downloads: prev.downloads + next.downloads} as ThunderstoreModVersion;
+ return { downloads: prev.downloads + next.downloads } as ThunderstoreModVersion;
}).downloads;
const bTotal = b.versions.reduce((prev, next) => {
- return {downloads: prev.downloads + next.downloads} as ThunderstoreModVersion;
+ return { downloads: prev.downloads + next.downloads } as ThunderstoreModVersion;
}).downloads;
return -1 * (aTotal - bTotal);
};
@@ -142,7 +142,7 @@ export default defineComponent({
const startIndex = this.currentPageIndex * perPageValue;
const endIndexCandidate = startIndex + perPageValue;
- const endIndex = endIndexCandidate > this.modsList.length ? this.modsList.length : endIndexCandidate;
+ const endIndex = endIndexCandidate > this.modsList.length ? this.modsList.length : endIndexCandidate;
return this.modsList.slice(startIndex, endIndex);
},
shouldDisplayPagination(): boolean {
@@ -229,36 +229,43 @@ export default defineComponent({
width: calc(var(--thunderstore-mod-card-width) * var(--thunderstore-mod-card-columns-count) + var(--thunderstore-mod-card-margin) * 2 * var(--thunderstore-mod-card-columns-count));
}
+
@media (min-width: 628px) {
.card-container {
--thunderstore-mod-card-columns-count: 2;
}
}
+
@media (min-width: 836px) {
.card-container {
--thunderstore-mod-card-columns-count: 3;
}
}
+
@media (min-width: 1006px) {
.card-container {
--thunderstore-mod-card-columns-count: 4;
}
}
+
@media (min-width: 1196px) {
.card-container {
--thunderstore-mod-card-columns-count: 5;
}
}
+
@media (min-width: 1386px) {
.card-container {
--thunderstore-mod-card-columns-count: 6;
}
}
+
@media (min-width: 1576px) {
.card-container {
--thunderstore-mod-card-columns-count: 7;
}
}
+
@media (min-width: 1766px) {
.card-container {
--thunderstore-mod-card-columns-count: 8;
generated by cgit v1.2.3 (git 2.39.1) at 2024-11-22 22:20:49 +0000