From e7fd9b50dacf43dde2db2df38b1719d011de53a5 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 22 Apr 2025 20:04:34 +0800
Subject: [PATCH] chore: update layout-slots example

---
 .../docs/.vuepress/theme/components/SlotDemo.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/examples/layout-slots/docs/.vuepress/theme/components/SlotDemo.vue b/examples/layout-slots/docs/.vuepress/theme/components/SlotDemo.vue
index 2060d92b..842e17e4 100644
--- a/examples/layout-slots/docs/.vuepress/theme/components/SlotDemo.vue
+++ b/examples/layout-slots/docs/.vuepress/theme/components/SlotDemo.vue
@@ -80,6 +80,22 @@ function onCopy(name: string) {
   width: 100%;
 }
 
+.slot-demo.nav-bar-content-before,
+.slot-demo.nav-bar-content-after,
+.slot-demo.nav-bar-menu-before,
+.slot-demo.nav-bar-menu-after {
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .slot-demo.nav-bar-content-before,
+  .slot-demo.nav-bar-content-after,
+  .slot-demo.nav-bar-menu-before,
+  .slot-demo.nav-bar-menu-after {
+    display: flex;
+  }
+}
+
 :global(#message-container) {
   inset: unset !important;
   top: calc(var(--vp-nav-height) + var(--vp-layout-top-height) + 24px) !important;