Small design improvements on small displays

This commit is contained in:
Nassim Jahnke 2023-01-22 12:26:06 +01:00
parent 1121afea67
commit adeb7caac8
No known key found for this signature in database
GPG Key ID: 6BE3B555EBC5982B
8 changed files with 11 additions and 10 deletions

View File

@ -95,7 +95,6 @@ public class HangarUserController extends HangarComponent {
name = refreshResponse.userTable().getName();
} catch (final HangarApiException ex) {
// no token + no valid refresh token -> no content
System.out.println("getCurrentUser failed: " + ex.getMessage());
return ResponseEntity.noContent().build();
}
} else {

View File

@ -8,7 +8,7 @@ const { t } = useI18n();
<footer class="relative flex items-end mt-10 background-default px-8 pb-2 text-light-10 min-h-10">
<div class="w-screen">
<div class="flex flex-col gap-4 md:(flex-row-reverse gap-0) items-center justify-around mt-4 max-w-1200px m-auto text-sm">
<div class="flex flex-col md:flex-row">
<div class="flex flex-row flex-wrap justify-center">
<a
href="https://github.com/HangarMC"
class="flex items-center rounded-md px-6 py-2"

View File

@ -178,8 +178,7 @@ function isRecent(date: string): boolean {
<div id="#navbarMenuLinks">
<!-- todo: Use Popper -->
<PopoverPanel
class="fixed z-10 w-9/10 lt-sm:mt-4 background-default left-1/20 filter shadow-default rounded-r-md border-top-primary text-sm p-[20px]"
sm="absolute w-max top-10 rounded-bl-md"
class="absolute top-10 z-10 w-max lt-sm:w-90vw background-default left-1/20 filter shadow-default rounded-r-md rounded-bl-md border-top-primary text-sm p-[20px]"
>
<p class="text-base font-semibold color-primary mb-3">Hangar</p>
<div class="grid grid-cols-2">

@ -1 +1 @@
Subproject commit 957214a2fb97104aa074d397d14956022b0b8b4e
Subproject commit a3f3b911354c6e386ae3de71c9edfec29a114174

View File

@ -314,10 +314,11 @@ async function restoreVersion() {
</div>
</template>
<div v-for="platform in versionPlatforms" :key="platform" class="flex items-center">
<div v-for="platform in versionPlatforms" :key="platform" class="flex items-center space-y-1">
<PlatformLogo :platform="platform" :size="24" class="mr-1" />
{{ useBackendData.platforms.get(platform).name }}
({{ projectVersion?.platformDependenciesFormatted[platform] }})
<span class="flex-grow" />
<PlatformVersionEditModal
v-if="hasPerms(NamedPermission.EDIT_VERSION)"
class="ml-2"
@ -336,7 +337,7 @@ async function restoreVersion() {
</template>
<div v-for="platform in platformsWithDependencies" :key="platform" class="py-1">
<Spoiler :with-line="projectVersion?.pluginDependencies[platform] !== undefined">
<Spoiler :with-line="projectVersion?.pluginDependencies[platform] !== undefined" open>
<template #title>
<div class="flex inline-flex items-center gap-1 w-full">
<PlatformLogo :platform="platform" :size="24" />

View File

@ -140,7 +140,9 @@ function createProject() {
<IconMdiFolderPlusOutline :class="clazz" />
</template>
<Link to="/tools/importer">
<span class="text-white font-normal">
{{ i18n.t("project.new.step1.importer_text") }}
</span>
</Link>
</Alert>
<p>{{ i18n.t("project.new.step1.text1") }}</p>

View File

@ -11,7 +11,7 @@ let progressBarTimeout: any;
const startProgressBar = () => {
clearTimeout(progressBarTimeout);
progressBarTimeout = setTimeout(NProgress.start, 350);
progressBarTimeout = setTimeout(NProgress.start, 400);
};
const stopProgressBar = () => {

View File

@ -7,7 +7,7 @@ let progressBarTimeout: any;
const startProgressBar = () => {
clearTimeout(progressBarTimeout);
progressBarTimeout = setTimeout(NProgress.start, 350);
progressBarTimeout = setTimeout(NProgress.start, 400);
};
const stopProgressBar = () => {