wrap settings in a card

next-ui/dir2json.d.ts

@@ -4,9 +4,7 @@
 // noinspection JSUnusedGlobalSymbols
 // Auto generated by vite-plugin-dir2json
 declare module "*i18n?dir2json&ext=.json&1" {
-  const json: {
-  "en": string;
-};
+  const json: {};
   export default json;
 }
 

next-ui/src/pages/server/settings.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container
     fluid
-    class="pa-4"
+    class="pa-0 pa-sm-4"
   >
     <v-skeleton-loader
       type="article@6, button@2"
@@ -15,13 +15,15 @@
       :text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
     />
     <template v-else-if="settings">
-      <div class="d-flex">
-        <ServerSettings
-          :settings="settings"
-          :loading="loading"
-          @update-settings="(s) => saveSettings(s)"
-        />
-      </div>
+      <v-card max-width="600px">
+        <v-card-text>
+          <ServerSettings
+            :settings="settings"
+            :loading="loading"
+            @update-settings="(s) => saveSettings(s)"
+          />
+        </v-card-text>
+      </v-card>
     </template>
   </v-container>
 </template>