Merge pull request #1602 from merico-dev/1598-styling-updates-about-mmqs-editor-ui

1598 styling updates about mmqs editor UI

Author: GerilLeto

api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/api",
-  "version": "14.4.2",
+  "version": "14.4.3",
   "description": "",
   "main": "index.js",
   "scripts": {

dashboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "14.4.2",
+  "version": "14.4.3",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",

dashboard/src/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/preview-query-and-vars/preview-query-and-vars.tsx

@@ -13,6 +13,8 @@ export const PreviewQueryAndVars = observer(({ queryModel }: Props) => {
   return (
     <Tabs
       defaultValue="看板变量预览"
+      w="40%"
+      maw="600px"
       styles={{
         root: {
           borderRadius: 4,

dashboard/src/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/dimension-selector/styles.ts

@@ -55,6 +55,7 @@ export const InputStyles = {
   },
   input: {
     paddingInlineStart: 'var(--input-padding-inline-start)',
+    height: 'auto',
     color: 'black',
     fontFamily: 'monospace',
   },

dashboard/src/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/edit-metric-query/link-metrics-to-variables.tsx

@@ -35,7 +35,7 @@ export const LinkMetricsToVariables = observer(({ queryModel }: Props) => {
 
       <Table withTableBorder withColumnBorders layout="fixed" styles={MetricTableStyles}>
         <colgroup>
-          <col style={{ width: 250 }} />
+          <col style={{ width: '49%' }} />
           <col />
           <col style={{ width: 130 }} />
           <col style={{ width: 40 }} />

dashboard/src/dashboard-editor/ui/settings/content/edit-query/merico-metric-query-editor-form/query-tabs/query-tabs.tsx

@@ -37,7 +37,7 @@ export const QueryTabs = observer(({ queryModel }: Props) => {
   const [activeTab, setActiveTab] = useState<string | null>('编辑查询');
 
   return (
-    <Tabs color="red" defaultValue="编辑查询" styles={TabsStyles} value={activeTab} onChange={setActiveTab}>
+    <Tabs color="red" defaultValue="编辑查询" styles={TabsStyles} value={activeTab} onChange={setActiveTab} w="60%">
       <Tabs.List>
         <Tabs.Tab value="编辑查询" size="xs">
           编辑查询

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/root",
-  "version": "14.4.2",
+  "version": "14.4.3",
   "private": true,
   "workspaces": [
     "api",

settings-form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/settings-form",
-  "version": "14.4.2",
+  "version": "14.4.3",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",

website/package.json

@@ -2,7 +2,7 @@
   "name": "@devtable/website",
   "private": true,
   "license": "Apache-2.0",
-  "version": "14.4.2",
+  "version": "14.4.3",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview"