This is an automated email from the ASF dual-hosted git repository.

zhaoyanan pushed a commit to branch master
in repository 
https://gitbox.apache.org/repos/asf/incubator-shardingsphere-benchmark.git

commit 5335036a0b754a6a6ae4933d58213f36fc380997
Author: wqzwh <[email protected]>
AuthorDate: Fri Sep 27 17:36:28 2019 +0800

    feature:add responsive layout
---
 web/src/views/mysql-vs-sharding/index.vue                   | 12 +++++++++++-
 .../views/sharding-proxy-master-slave-sharding/index.vue    | 13 ++++++++++++-
 web/src/views/sharding-proxy-master-slave/index.vue         | 13 ++++++++++++-
 .../sharding-proxy-single-database-single-table/index.vue   | 13 ++++++++++++-
 4 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/web/src/views/mysql-vs-sharding/index.vue 
b/web/src/views/mysql-vs-sharding/index.vue
index 5125c39..7becd55 100644
--- a/web/src/views/mysql-vs-sharding/index.vue
+++ b/web/src/views/mysql-vs-sharding/index.vue
@@ -1,6 +1,16 @@
 <template>
   <Row :gutter="16" style="background:#eee; padding:20px">
-    <Col v-for="(value, name, index) in series" :key="index" class="col-item" 
span="24">
+    <Col
+      v-for="(value, name, index) in series"
+      :key="index"
+      :xs="24"
+      :sm="24"
+      :md="24"
+      :lg="24"
+      :xl="24"
+      :xxl="12"
+      class="col-item"
+    >
       <Card :bordered="false">
         <p slot="title" style="font-size: 18px">{{ name.toLowerCase() }} 
throughtout compare</p>
         <v-chart :options="getOptions(name)" />
diff --git a/web/src/views/sharding-proxy-master-slave-sharding/index.vue 
b/web/src/views/sharding-proxy-master-slave-sharding/index.vue
index 19cbef9..f20b2df 100644
--- a/web/src/views/sharding-proxy-master-slave-sharding/index.vue
+++ b/web/src/views/sharding-proxy-master-slave-sharding/index.vue
@@ -1,6 +1,17 @@
 <template>
   <Row :gutter="16" style="background:#eee; padding:20px">
-    <Col v-for="(value, name, index) in series" :key="index" class="col-item" 
span="24">
+    <Col
+      v-for="(value, name, index) in series"
+      :key="index"
+      :xs="24"
+      :sm="24"
+      :md="24"
+      :lg="24"
+      :xl="24"
+      :xxl="12"
+      class="col-item"
+      span="24"
+    >
       <Card :bordered="false">
         <p slot="title" style="font-size: 18px">{{ name.toLowerCase() }} 
throughtout compare</p>
         <v-chart :options="getOptions(name)" />
diff --git a/web/src/views/sharding-proxy-master-slave/index.vue 
b/web/src/views/sharding-proxy-master-slave/index.vue
index 1be9b47..b078aae 100644
--- a/web/src/views/sharding-proxy-master-slave/index.vue
+++ b/web/src/views/sharding-proxy-master-slave/index.vue
@@ -1,6 +1,17 @@
 <template>
   <Row :gutter="16" style="background:#eee; padding:20px">
-    <Col v-for="(value, name, index) in series" :key="index" class="col-item" 
span="24">
+    <Col
+      v-for="(value, name, index) in series"
+      :key="index"
+      :xs="24"
+      :sm="24"
+      :md="24"
+      :lg="24"
+      :xl="24"
+      :xxl="12"
+      class="col-item"
+      span="24"
+    >
       <Card :bordered="false">
         <p slot="title" style="font-size: 18px">{{ name.toLowerCase() }} 
throughtout compare</p>
         <v-chart :options="getOptions(name)" />
diff --git 
a/web/src/views/sharding-proxy-single-database-single-table/index.vue 
b/web/src/views/sharding-proxy-single-database-single-table/index.vue
index ae7b588..acbc8ed 100644
--- a/web/src/views/sharding-proxy-single-database-single-table/index.vue
+++ b/web/src/views/sharding-proxy-single-database-single-table/index.vue
@@ -1,6 +1,17 @@
 <template>
   <Row :gutter="16" style="background:#eee; padding:20px">
-    <Col v-for="(value, name, index) in series" :key="index" class="col-item" 
span="24">
+    <Col
+      v-for="(value, name, index) in series"
+      :key="index"
+      :xs="24"
+      :sm="24"
+      :md="24"
+      :lg="24"
+      :xl="24"
+      :xxl="12"
+      class="col-item"
+      span="24"
+    >
       <Card :bordered="false">
         <p slot="title" style="font-size: 18px">{{ name.toLowerCase() }} 
throughtout compare</p>
         <v-chart :options="getOptions(name)" />

Reply via email to