Small design improvements on small displays

backend/src/main/java/io/papermc/hangar/controller/internal/HangarUserController.java

@@ -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 {

frontend/src/components/layout/Footer.vue

@@ -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"

frontend/src/components/layout/Header.vue

@@ -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]"
+                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]"
-                sm="absolute w-max top-10 rounded-bl-md"
               >
                 <p class="text-base font-semibold color-primary mb-3">Hangar</p>
                 <div class="grid grid-cols-2">

frontend/src/lib

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

frontend/src/pages/[user]/[project]/versions/[version]/index.vue

@@ -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" />

frontend/src/pages/new.vue

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

frontend/src/plugins/axios.ts

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

frontend/src/plugins/nprogress.ts

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