Optimize web page

Signed-off-by: Jianhui Zhao <jianhuizhao329@gmail.com>
zhaojh329 · Jun 15, 2018 · 73ea876 · 73ea876
1 parent 3d191aa
commit 73ea876
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/assets/src/components/Home.vue b/assets/src/components/Home.vue
@@ -4,7 +4,9 @@
             <Col span="6">
                 <Input v-model="filterString" icon="search" size="large" @on-change="handleSearch" :placeholder="$t('Please enter the filter key...')" style="width: 400px" />
             </Col>
-            <Col span="3" offset="15" class="counter">{{ $t('device-count', {count: devlists.length}) }}</Col>
+            <Col :xs="{span: 5, offset: 13}" :md="{span: 4, offset: 14}" :lg="{span: 3, offset: 15}" class="counter">
+                {{ $t('device-count', {count: devlists.length}) }}
+            </Col>
          </Row>
         <Table :loading="loading" :columns="devlistTitle" :data="filtered" style="margin-top: 10px; width: 100%" :no-data-text="$t('No devices connected')"></Table>
 	</div>