From b161ff75931203963f7fa88a1618f476451b3b69 Mon Sep 17 00:00:00 2001 From: mengxiong10 <15623530290@2163.com> Date: Sun, 10 Nov 2019 18:52:43 +0800 Subject: [PATCH] chore: example style --- example/helper/container.vue | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/example/helper/container.vue b/example/helper/container.vue index 58ac83d..515b129 100644 --- a/example/helper/container.vue +++ b/example/helper/container.vue @@ -59,6 +59,13 @@ body { display: flex; height: 100%; } + +@media screen and (max-width: 800px) { + .sidebar { + display: none; + } +} + .sidebar { border-right: 1px solid #ebedf0; width: 280px; @@ -90,12 +97,14 @@ body { .main { flex: 1; overflow: auto; -} - -.content { - padding: 20px; + max-width: 100%; p { margin: 10px 0; } } +.content { + box-sizing: border-box; + width: 100%; + padding: 20px; +}