release: PicHost v1.0.1

Show app version in admin settings footer and fix mobile upload
preferences panel clipping.

app/assets/css/main.css

@@ -26,6 +26,34 @@
   transform: rotateY(180deg);
 }
 
+@media (max-width: 639px) {
+  .upload-card-flip.is-flipped {
+    perspective: none;
+  }
+
+  .upload-card-flip.is-flipped .upload-card-flip-inner {
+    transform: none;
+  }
+
+  .upload-card-flip .upload-card-face--back {
+    display: none;
+  }
+
+  .upload-card-flip.is-flipped .upload-card-face--front {
+    display: none;
+  }
+
+  .upload-card-flip.is-flipped .upload-card-face--back {
+    display: block;
+    position: static;
+    transform: none;
+  }
+
+  .upload-card-flip.is-flipped .upload-card-surface {
+    min-height: 0;
+  }
+}
+
 .upload-card-surface {
   min-height: 20.5rem;
   border-radius: 1rem;

app/components/UploadPreferencesPanel.vue

@@ -56,9 +56,11 @@ onMounted(() => {
 
 <template>
   <div
-    class="flex flex-col overflow-hidden"
+    class="flex flex-col overflow-hidden max-sm:overflow-visible"
     :class="
-      embedded ? '' : 'upload-card-surface upload-card-surface--panel h-full'
+      embedded
+        ? ''
+        : 'upload-card-surface upload-card-surface--panel max-sm:min-h-0 sm:h-full'
     "
   >
     <div

app/pages/settings.vue

@@ -329,6 +329,7 @@ watch(isAuthenticated, async (authed) => {
             />
             <span>
               API Token · {{ tokenSourceText(settings.tokenSource) }}
+              <span class="text-dimmed">· v{{ settings.appVersion }}</span>
               <template v-if="hasServerChanges">
                 · <span class="text-warning">有未保存的更改</span>
               </template>