fix: warn banners

modrinth · Oct 16, 2024 · cf8aabf · cf8aabf
1 parent 6af8547
commit cf8aabf
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/apps/frontend/src/pages/servers/manage/[id]/content.vue b/apps/frontend/src/pages/servers/manage/[id]/content.vue
@@ -1,9 +1,18 @@
 <template>
-  <UiServersServerSidebar :route="route" :nav-links="navLinks" :server="props.server" />
+  <div class="flex h-full w-full flex-col gap-4">
+    <div
+      class="flex h-full w-full items-center gap-2 rounded-xl border border-solid border-blue bg-bg-blue p-4 text-contrast"
+    >
+      <UnknownIcon class="h-8 w-8 text-blue" />
+      This page is under construction some features may not be available yet, or are subject to
+      change.
+    </div>
+    <UiServersServerSidebar :route="route" :nav-links="navLinks" :server="props.server" />
+  </div>
 </template>
 
 <script setup lang="ts">
-import { BookIcon, BoxIcon } from "@modrinth/assets";
+import { BookIcon, BoxIcon, UnknownIcon } from "@modrinth/assets";
 
 import type { Server } from "~/composables/pyroServers";
 

diff --git a/apps/frontend/src/pages/servers/manage/[id]/content/index.vue b/apps/frontend/src/pages/servers/manage/[id]/content/index.vue
@@ -45,7 +45,7 @@
           @edit="showEditModModal"
         />
       </div>
-      <div v-else>You haven't added any mods yet, time to add some!</div>
+      <div v-else class="card">You haven't added any mods yet, time to add some!</div>
     </div>
   </div>
   <UiServersPyroLoading v-else />

diff --git a/apps/frontend/src/pages/servers/manage/[id]/options/info.vue b/apps/frontend/src/pages/servers/manage/[id]/options/info.vue
@@ -1,5 +1,11 @@
 <template>
   <div class="h-full w-full gap-2 overflow-y-auto">
+    <div
+      class="mb-4 flex h-full w-full items-center gap-2 rounded-xl border border-solid border-blue bg-bg-blue p-4 text-contrast"
+    >
+      <UnknownIcon class="h-8 w-8 text-blue" />
+      SFTP is currently unavailable. This feature is under construction and will be available soon.
+    </div>
     <div class="card">
       <div class="flex flex-col gap-4">
         <div class="flex justify-between">
@@ -51,6 +57,7 @@
 
 <script setup lang="ts">
 import { Button } from "@modrinth/ui";
+import { UnknownIcon } from "@modrinth/assets";
 import type { Server } from "~/composables/pyroServers";
 const route = useNativeRoute();
 const serverId = route.params.id as string;