enhance(site-editor): css in small devices

Author: 0xJacky

app/src/views/site/ngx_conf/LocationEditor.vue

@@ -64,11 +64,9 @@ function duplicate(index: number) {
       >
         <ACollapsePanel>
           <template #header>
-            <div>
-              <HolderOutlined />
-              {{ $gettext('Location') }}
-              {{ v.path }}
-            </div>
+            <HolderOutlined />
+            {{ $gettext('Location') }}
+            {{ v.path }}
           </template>
           <template
             v-if="!readonly"
@@ -175,6 +173,6 @@ function duplicate(index: number) {
 }
 
 :deep(.ant-collapse-header-text) {
-  width: 95%;
+  max-width: calc(90% - 56px);
 }
 </style>

app/src/views/site/site_edit/SiteEdit.vue

@@ -166,7 +166,7 @@ provide('data', data)
 </script>
 
 <template>
-  <ARow :gutter="16">
+  <ARow :gutter="[{ xs: 0, sm: 16 }, 16]">
     <ACol
       :xs="24"
       :sm="24"