Improve the header on very small screens

2023-06-30 11:39:05 -07:00
parent fc15a0a6b4
commit 8cd541f665
2 changed files with 15 additions and 6 deletions
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@ -65,9 +65,6 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
                display: props.alwaysDisplayToolbar ? 'flex' : 'none',
              },
              '@mdDown': { px: '15px' },
-              '@media (max-width: 300px)': {
-                display: 'none',
-              },
            }}
          >
            {props.children}
@ -79,9 +76,6 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
                '@lgDown': {
                  display: 'none',
                },
-                '@media (max-width: 300px)': {
-                  display: 'flex',
-                },
              }}
            >
              <ControlButtonBox {...props} />