feat: 🎸 improve presentation of view mode switcher

streamich · Jul 21, 2024 · 3eea005 · 3eea005
1 parent 8d9e013
commit 3eea005
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 17 deletions.
diff --git a/src/FocusRegion/index.tsx b/src/FocusRegion/index.tsx
@@ -50,7 +50,7 @@ const toolbarClass = rule({
   d: 'inline-block',
   pos: 'absolute',
   top: '-11px',
-  l: 'calc(100% - 16px)',
+  l: 'calc(100% - 24px)',
 });
 
 export interface FocusRegionProps {

diff --git a/src/buttons/Action/SwitchAction.tsx b/src/buttons/Action/SwitchAction.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {drule, useTheme} from 'nano-theme';
+import {drule} from 'nano-theme';
 import * as css from '../../css';
 import {Action, ActionProps} from '.';
 
@@ -13,24 +13,10 @@ const blockClass = drule({
 });
 
 export const SwitchAction: React.FC<Omit<ActionProps, 'children' | 'className'>> = (props) => {
-  const theme = useTheme();
-
   return (
     <Action
       {...props}
-      className={blockClass({
-        '&:hover': {
-          bg: css.negative,
-          bd: `1px solid ${css.negative}`,
-          svg: {
-            fill: '#fff',
-          },
-        },
-        '&:active': {
-          bg: theme.g(0.1),
-          bd: `1px solid ${theme.g(0.1)}`,
-        },
-      })}
+      className={blockClass()}
     >
       {'~'}
     </Action>