feat: add url base config

Signed-off-by: Ryan Wang <i@ryanc.cc>

src/formkit/theme.ts

@@ -1,8 +1,8 @@
 const textClassification = {
   label: "block font-bold text-sm formkit-invalid:text-red-500 w-56",
-  wrapper: "flex flex-row items-center",
+  wrapper: "flex flex-col sm:flex-row items-start sm:items-center",
   inner:
-    "inline-flex items-center w-full relative box-border border border-gray-300 formkit-invalid:border-red-500 rounded-[4px] overflow-hidden focus-within:border-themeable-primary-500",
+    "inline-flex items-center w-full relative box-border border border-gray-300 formkit-invalid:border-red-500 rounded-[4px] overflow-hidden focus-within:border-themeable-primary-500 mt-2 sm:mt-0",
   input:
     "outline-0 bg-white antialiased resize-none w-full text-black block transition-all appearance-none h-9 px-3 text-sm",
 };
@@ -29,7 +29,7 @@ const theme: Record<string, Record<string, string>> = {
     help: "text-xs text-gray-500",
     messages: "list-none p-0 mt-1 mb-0",
     message: "text-red-500 mb-1 text-xs",
-    form: "flex flex-col divide-y divide-gray-100 space-y-3",
+    form: "flex flex-col space-y-4",
   },
   button: buttonClassification,
   color: {

src/modules/contents/pages/PageList.vue

@@ -42,6 +42,7 @@ const users = ref<User[]>([]);
 
 const activeId = ref("functional");
 const checkAll = ref(false);
+
 const pagesPublicState = ref<PagesPublicState>({
   functionalPages: [],
 });

src/modules/system/settings/GeneralSettings.vue

@@ -2,7 +2,7 @@
 import { VButton } from "@halo-dev/components";
 </script>
 <template>
-  <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:pt-5">
+  <div class="w-1/3">
     <FormKit :actions="false" type="form">
       <FormKit label="站点地址" type="url"></FormKit>
       <FormKit label="站点标题" type="text"></FormKit>

src/modules/system/settings/NotificationSettings.vue

@@ -2,7 +2,7 @@
 import { VButton } from "@halo-dev/components";
 </script>
 <template>
-  <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:pt-5">
+  <div class="w-1/3">
     <FormKit :actions="false" type="form">
       <FormKit label="站点地址" type="url"></FormKit>
       <FormKit label="站点标题" type="text"></FormKit>

vite.config.ts

@@ -12,6 +12,7 @@ export default ({ mode }: { mode: string }) => {
   const isProduction = mode === "production";
 
   return defineConfig({
+    base: "./",
     plugins: [
       Vue(),
       VueJsx(),