fix: set collpase button display to none in small screen

This commit is contained in:
fakeyanss 2024-02-21 11:04:00 +08:00
parent 6e13c25b6c
commit 478a099dd5

View File

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