From 478a099dd5ffebed36c04a121a59d0cd04782063 Mon Sep 17 00:00:00 2001
From: fakeyanss <yanshisangc@gmail.com>
Date: Wed, 21 Feb 2024 11:04:00 +0800
Subject: [PATCH] fix: set collpase button display to none in small screen

---
 src/components/StickySidebar/SidebarCollapseSvg.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/StickySidebar/SidebarCollapseSvg.tsx b/src/components/StickySidebar/SidebarCollapseSvg.tsx
index a90709f2..2cc6bd5c 100644
--- a/src/components/StickySidebar/SidebarCollapseSvg.tsx
+++ b/src/components/StickySidebar/SidebarCollapseSvg.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import styled, { media } from '../../styled-components';
+import styled from '../../styled-components';
 import { ResolvedThemeInterface } from '../../theme';
 
 export const SidebarCollapseButton = ({ options }: { options: ResolvedThemeInterface }) => {
@@ -40,9 +40,9 @@ const SidebarCollapseContainer = styled.div`
       cursor: pointer;
       position: fixed;
 
-      ${media.lessThan('small')`
+      @media screen and (max-width: 768px) {
         display: none;
-      `};
+      }
 
       @media print {
         display: none;
@@ -66,9 +66,9 @@ const SidebarExpandContainer = styled.div`
     position: fixed;
     display: none;
 
-    ${media.lessThan('small')`
+    @media screen and (max-width: 768px) {
       display: none;
-    `};
+    }
 
     @media print {
       display: none;