panel position height dependent

website/src/repl/components/panel/Panel.jsx

@@ -44,8 +44,6 @@ export function VerticalPanel({ context }) {
 
   return (
     <PanelNav
-      onMouseEnter={(x) => setIsHovered(true)}
-      onMouseLeave={(x) => setIsHovered(false)}
       className={cx(
         'hover:min-w-[min(600px,80vw)] hover:max-w-[min(600px,80vw)]',
         pinned ? `min-w-[min(600px,80vw)] max-w-[min(600px,80vw)]` : 'min-w-8',

website/src/settings.mjs

@@ -30,7 +30,7 @@ export const defaultSettings = {
   isZen: false,
   soundsFilter: 'all',
   patternFilter: 'community',
-  panelPosition: 'bottom',
+  panelPosition: window.innerWidth > 1000 ? 'right' : 'bottom',
   isPanelPinned: true,
   userPatterns: '{}',
   audioDeviceName: defaultAudioDeviceName,