fix: responsive form builder

packages/nc-gui/components/workspace/BaseListModal/BasesHeader.vue

@@ -89,7 +89,13 @@ const clearFilter = () => {
       </div>
 
       <div class="flex items-center flex-row-reverse md:flex-row gap-2">
-        <WorkspaceCreateProjectBtn :workspace-id="selectedWorkspaceId ?? undefined" type="primary" placement="bottomRight">
+        <WorkspaceCreateProjectBtn
+          :workspace-id="selectedWorkspaceId ?? undefined"
+          type="primary"
+          placement="bottomRight"
+          centered
+          inner-class="children:justify-center"
+        >
           <div class="flex items-center gap-1.5">
             <GeneralIcon icon="plus" />
             <span class="hidden sm:inline">{{ $t('title.newProj') }}</span>

packages/nc-gui/components/workspace/CreateProjectBtn.vue

@@ -6,6 +6,7 @@ const props = withDefaults(
     type?: string
     size?: NcButtonSize
     centered?: boolean
+    innerClass?: string
     // isOpen: boolean
   }>(),
   {
@@ -38,6 +39,7 @@ onMounted(() => {
     data-testid="nc-sidebar-create-base-btn"
     :size="size"
     :centered="centered"
+    :inner-class="innerClass"
     full-width
     @click="baseCreateDlg = true"
   >