feat: command for settings window

riipandi · Dec 8, 2023 · a72c6c2 · a72c6c2
1 parent 3bcec8b
commit a72c6c2
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/screens/settings.tsx b/src/screens/settings.tsx
@@ -47,10 +47,10 @@ const WithContextMenu = ({ children, className }: WithContextMenuProps) => {
         </MenuContextTrigger>
         <Portal>
           <MenuPositioner>
-            <MenuContent className='disable-select dark:bg-background-dark w-[168px] space-y-1 rounded border border-gray-200 bg-white p-2 text-sm shadow-sm dark:border-gray-800'>
+            <MenuContent className='disable-select w-[168px] space-y-1 rounded border border-gray-200 bg-white p-2 text-sm shadow-sm dark:border-gray-800 dark:bg-background-dark'>
               <MenuItem
                 id='back'
-                className='dark:text-foreground-dark cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:hover:bg-gray-700'
+                className='cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:text-foreground-dark dark:hover:bg-gray-700'
                 onClick={() => navigate('/')}
               >
                 Back
@@ -64,37 +64,37 @@ const WithContextMenu = ({ children, className }: WithContextMenuProps) => {
               </MenuItem>
               <MenuItem
                 id='reload'
-                className='dark:text-foreground-dark cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:hover:bg-gray-700'
+                className='cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:text-foreground-dark dark:hover:bg-gray-700'
                 onClick={() => window.location.reload()}
               >
                 Reload
               </MenuItem>
               <MenuSeparator />
               <MenuItem
                 id='sample-dialog'
-                className='dark:text-foreground-dark cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:hover:bg-gray-700'
+                className='cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:text-foreground-dark dark:hover:bg-gray-700'
                 onClick={handleContextItem}
               >
                 Open Dialog
               </MenuItem>
               <MenuItem
                 id='open-webpage'
-                className='dark:text-foreground-dark cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:hover:bg-gray-700'
+                className='cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:text-foreground-dark dark:hover:bg-gray-700'
                 onClick={handleOpenWebpage}
               >
                 Open webpage
               </MenuItem>
               <MenuItem
                 id='open-webpage'
-                className='dark:text-foreground-dark cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:hover:bg-gray-700'
+                className='cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:text-foreground-dark dark:hover:bg-gray-700'
                 onClick={async () => await invoke('open_settings_window')}
               >
                 Open child window
               </MenuItem>
               <MenuSeparator />
               <MenuItem
                 id='inspect'
-                className='dark:text-foreground-dark cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:hover:bg-gray-700'
+                className='cursor-default rounded px-2 py-1 hover:bg-gray-100/90 dark:text-foreground-dark dark:hover:bg-gray-700'
                 onClick={async () => await invoke('open_devtools')}
               >
                 Inspect