diff --git a/theseus_gui/src/components/ui/Instance.vue b/theseus_gui/src/components/ui/Instance.vue index e24aa28ad..2ceadd593 100644 --- a/theseus_gui/src/components/ui/Instance.vue +++ b/theseus_gui/src/components/ui/Instance.vue @@ -187,7 +187,7 @@ onUnmounted(() => unlisten())

Name

- +

Loader

diff --git a/theseus_gui/src/pages/Browse.vue b/theseus_gui/src/pages/Browse.vue index c392ddd51..5fbdd8c71 100644 --- a/theseus_gui/src/pages/Browse.vue +++ b/theseus_gui/src/pages/Browse.vue @@ -549,7 +549,11 @@ onUnmounted(() => unlistenOffline()) size="sm" />
- {{ instanceContext.metadata.name }} + {{ + instanceContext.metadata.name.length > 20 + ? instanceContext.metadata.name.substring(0, 20) + '...' + : instanceContext.metadata.name + }} {{ instanceContext.metadata.loader.charAt(0).toUpperCase() + diff --git a/theseus_gui/src/pages/Settings.vue b/theseus_gui/src/pages/Settings.vue index 4ed6d2ecf..210f3f9aa 100644 --- a/theseus_gui/src/pages/Settings.vue +++ b/theseus_gui/src/pages/Settings.vue @@ -385,7 +385,7 @@ async function refreshDir() { v-model="settings.memory.maximum" :min="8" :max="maxMemory" - :step="1" + :step="64" unit="mb" />
diff --git a/theseus_gui/src/pages/instance/Index.vue b/theseus_gui/src/pages/instance/Index.vue index f4b1086f9..41d639ba6 100644 --- a/theseus_gui/src/pages/instance/Index.vue +++ b/theseus_gui/src/pages/instance/Index.vue @@ -161,7 +161,13 @@ const breadcrumbs = useBreadcrumbs() const instance = ref(await get(route.params.id).catch(handleError)) -breadcrumbs.setName('Instance', instance.value.metadata.name) +breadcrumbs.setName( + 'Instance', + instance.value.metadata.name.length > 40 + ? instance.value.metadata.name.substring(0, 40) + '...' + : instance.value.metadata.name +) + breadcrumbs.setContext({ name: instance.value.metadata.name, link: route.path, @@ -203,7 +209,7 @@ const checkProcess = async () => { // Get information on associated modrinth versions, if any const modrinthVersions = ref([]) -if (!(await isOffline()) && instance.value.metadata.linked_data) { +if (!(await isOffline()) && instance.value.metadata.linked_data?.project_id) { modrinthVersions.value = await useFetch( `https://api.modrinth.com/v2/project/${instance.value.metadata.linked_data.project_id}/version`, 'project' @@ -366,6 +372,8 @@ Button { .name { font-size: 1.25rem; color: var(--color-contrast); + overflow: hidden; + text-overflow: ellipsis; } .metadata { diff --git a/theseus_gui/src/pages/instance/Logs.vue b/theseus_gui/src/pages/instance/Logs.vue index 6aa854c1c..2704e79c7 100644 --- a/theseus_gui/src/pages/instance/Logs.vue +++ b/theseus_gui/src/pages/instance/Logs.vue @@ -524,13 +524,26 @@ onUnmounted(() => { display: flex; padding: 0.6rem; flex-direction: row; + overflow: auto; gap: 0.5rem; + + &::-webkit-scrollbar-track, + &::-webkit-scrollbar-thumb { + border-radius: 10px; + } } :deep(.vue-recycle-scroller__item-wrapper) { overflow: visible; /* Enables horizontal scrolling */ } +:deep(.vue-recycle-scroller) { + &::-webkit-scrollbar-corner { + background-color: var(--color-bg); + border-radius: 0 0 10px 0; + } +} + .scroller { height: 100%; } diff --git a/theseus_gui/src/pages/instance/Options.vue b/theseus_gui/src/pages/instance/Options.vue index d2085535a..76a395b09 100644 --- a/theseus_gui/src/pages/instance/Options.vue +++ b/theseus_gui/src/pages/instance/Options.vue @@ -243,7 +243,7 @@ :disabled="!overrideMemorySettings" :min="8" :max="maxMemory" - :step="1" + :step="64" unit="mb" />
@@ -362,7 +362,10 @@ Version: {{ - installedVersionData.name.charAt(0).toUpperCase() + installedVersionData.name.slice(1) + installedVersionData?.name != null + ? installedVersionData.name.charAt(0).toUpperCase() + + installedVersionData.name.slice(1) + : getLocalVersion(props.instance.path) }} @@ -401,7 +404,7 @@ -
+