From 9f6212d61eba53eb4da504876f5a01b93a80fc1c Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 09 Apr 2026 18:19:50 +0800
Subject: [PATCH] docs(skill): 将 playwright-patterns.md 翻译为中文

---
 src/framework/sideMenu/cSideMenu.scss |   53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 53 insertions(+), 0 deletions(-)

diff --git a/src/framework/sideMenu/cSideMenu.scss b/src/framework/sideMenu/cSideMenu.scss
new file mode 100644
index 0000000..c6d4bc3
--- /dev/null
+++ b/src/framework/sideMenu/cSideMenu.scss
@@ -0,0 +1,53 @@
+.c-side-menu {
+  &__header {
+    padding: 16px;
+  }
+
+  &__title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 600;
+  }
+
+  &__menu {
+    border-right: none;
+  }
+
+  &__empty {
+    padding: 16px;
+    color: #999;
+  }
+
+  &__opened-indicator {
+    color: #52c41a;
+    font-size: 12px;
+  }
+
+  // 移动端样式
+  &--mobile {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    width: 200px;
+    height: 100vh;
+    background: #fff;
+    transform: translateX(-100%);
+    transition: transform 0.3s ease;
+    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
+
+    &--open {
+      transform: translateX(0);
+    }
+  }
+
+  &__overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 999;
+    background: rgba(0, 0, 0, 0.5);
+  }
+}

--
Gitblit v1.9.1